Image Map

08/09/2012

Personalizar avatar dos comentários


Oi meus amadinhos <3  Outro tutorial mega legal que vim trazer para vocês ^.^
Bom tenho 4 estilos de forma de avatar é a forma de folhinha, circulo e + 2 formas q não  sei o nome u.u . Esse tuto eu peguei do Chovendo em Paris.
 
  • Primeiro,você irá procurar por .avatar-image-container { e achará isto:
.avatar-image-container {
margin: .2em 0 0;
}
 Ou algo deste tipo. -q Este é o código que edita a foto do caro comentarista. Então, eu 

modelei vários modelos para vocês usarem:

Para fazer deste jeito, acrescente antes de fechar a chave:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


Para fazer deste jeito, acrescente antes de fechar a chave:

-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 30px;


Para fazer deste jeito, acrescente antes de fechar a chave:

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;


Para fazer deste jeito, acrescente antes de fechar a chave:

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
Espero que tenham gostado.

Nenhum comentário:

Postar um comentário