MASIGNCLEAN101

Personalizar avatar dos comentários



Tumblr_m1224wiaqe1r4i0kwo1_500_large 

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! 
Compartilhe esse artigo!
Unknown
escreve para o Mundo Informal sob a licença Creative Commons BY-SA 3.0. Você pode usar e compartilhar este conteúdo desde que credite o autor e veículo original do mesmo.
Seja livre para expor seu pensamento!

Se preferir, antes leia nossa política para comentários...
Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!