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;Credits images: Chovendo em Paris.
-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 tutorial: Chovendo em Paris.
Espero ter ajudado
Seguindo, segue de volta ? bailarinadegelo.blogspot.com.br
ResponderExcluir