2 de dez de 2012

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 essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

1 comentários

Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo