~NatyBelleville

NatyBelleville
Mal feito, feito.
Nome: Nataly
Status: Usuário Veterano
Sexo: Indisponivel
Localização: Indisponivel
Aniversário: 13 de Janeiro
Idade: 66
Cadastro:

(Códigos Style 3) Mais Códigos para Bordas e Imagens!


Postado

(Códigos Style 3) Mais Códigos para Bordas e Imagens!

Bom dia!! (ou boa tarde...ou boa noite..) Vamos logo com isso!

•COMO EU DEIXO AS BORDAS REDONDAS? E QUADRADAS?•

Isso é simples. Siga a seguir os códigos:
Citação:
Border-radius: 50px 50px; (Bordas redondas)

Border-radius: 0px 0px; (Bordas quadradas)


•COMO COLOCO A OPACIDADE NAS IMAGENS?•

Vamos ver:
Citação:
opacity: 0.65;
-moz-opacity: 0.65;
filter: alpha(opacity = 65);


•COMO MUDA O TIPO DE BORDA?•

Existem mais do que os três tipos que você provavelmente conhece: Dotted, Dashed ou Solid.
Clique aqui para conhecer as mais variedades bordas (com os códigos, claro)

•COMO EDITO TODAS AS IMAGENS DO STYLE?•

Logo abaixo do /* Estilos que pertencem ao Conteúdo do Site */, você cola o seguinte código:
Citação:
.boxConteudo img {
os códigos que você quiser aqui
}

.boxConteudo img:hover {
os códigos que você quiser aqui
}

Todos os créditos para linda ~Thayeon :3

•COMO EU INCLINO A BORDA?•

Eu recentemente descobri esse código e testei na minha Style de Barakamon e deu certo!
Citação:
-webkit-transform: skew(-10deg, -2deg) ;
-moz-transform: skew(-10deg, -2deg) ;
-o-transform: skew(-10deg, -2deg) ;

Dependendo de que lado será a inclinação ou o tamanho, você pode modificar os números do 'deg'
ATENÇÃO: Não incline demais a borda, ou site vai eliminar seu Style!

•COMO FAÇO PARA A BORDA DO #Nav SE ESTENDER PRA FORA?•

Clique aqui pra ver do que eu quero dizer. Consegue ver a #Nav saindo da camada debaixo? Então, isso não só serve pra #Nav, mas pra outras bordas também!
Citação:
margin:0px -50px -10px;

Mude os números para modificar.

Então é isso! Obrigada por ler e espero ter ajudado!! <3


Gostou da Jornal? Compartilhe!

Gostou? Deixe seu Comentário!

Muitos usuários deixam de postar por falta de comentários, estimule o trabalho deles, deixando um comentário.

Para comentar e incentivar o autor, Cadastre-se ou Acesse sua Conta.


Carregando...