Personalizar avatar dos comentários



Olá amiguinhos, hoje vamos aprender como personalizar os avatares dos comentários, não vou ficar de bate-papo com vocês hoje, então vamos lá ! Primeiro querido leitor você irá no seu HTML e procura a seguinte tag .avatar-image-container { e vai estar mais ou menos isso:
.avatar-image-container {
margin: .2em 0 0;
}
Este que é o código que mudará a imagem do querido comentarista. Então vou colocar vários modelos para vocês usarem:


Para fazer deste jeito, acrescente o seguinte código antes de fechar a chave:

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

Para fazer deste jeito, acrescente o seguinte código 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 o seguinte código antes de fechar a chave:

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

Para fazer deste jeito, acrescente o seguinte código 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;
Credits images: Chovendo em Paris.
Credits tutorial: Chovendo em Paris.
Espero ter ajudado blábláblá... Beijos !





2 comentários:

  1. Tá rolando um super concurso no meu blog valendo um iphone,corra e participe!
    http://blog-garotaambulante.blogspot.com.br/2012/07/super-sorteio.html

    ResponderExcluir
  2. Seguindo, segue de volta ? bailarinadegelo.blogspot.com.br

    ResponderExcluir

-Sigo de volta,é só pedir.
-Sem palavrões,por favor.
-Coloque o link do seu blog,para mim visita-lo.
-Sem xingamentos,brigas,e coisas em comum.
-Aceito opiniões sobre o blog,só seja educada (o).
-Se leu tudo isso não custa nada comentar né? :3