Personalizar avatar dos comentários

 

Olá! Hoje, em mais uma de minhas peripécias internet adentro, numa tentativa em vão de editar minha área dos comentários, consegui apenas fazer umas mudanças, uma em especial que eu gostaria de compartilhar com você, querido leitor. Hoje, em um breve tutorial, vou ensinar-lhes a personalizar a foto do leitores que tiveram o trabalho de comentar, então, sem mais (enrolações) vamos ao post.

• Primeiro, você irá procurar por .avatar-image-container { e achará isto:

.avatar-image-container {
margin: .2em 0 0;
}

 Ou algo deste tipo.Normalmente, este é o código que edita a foto do comentarista. Então, eu encontrei 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! Até a próxima! 

Share This :