05/08/2012

Tutorial: Avatares dos comentários redondo

||

Yooo! Já que estava falando de arrumar a área dos comentários, irei mostrar agora como colocar os avatares redondinhos! Bem assim como o que eu uso.

A imagem em amarelo, e a do anonimo e URL.

Agora vá em :
Design >> Designer de modelo do Blogger  (Antiga interface)
Modelo >>Personalizar >> Prosseguir (Nova interface)

 Tudo pronto? Procure em seu HTML por ]]></b:skin>, assim que achar cole o próximo código antes dele.

.avatar-image-container,
.avatar-image-container img {
max-width: 50px !important;
width: 50px !important;
max-height: 50px !important;
height: 50px !important;
padding: 0 !important;
border: 0px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
}

.avatar-image-container{
border:3px solid #fff !important;
-webkit-box-shadow: 0 1px 2px #00FF00;
-moz-box-shadow: 0 1px 2px #00FF00;
box-shadow: 0 1px 2px #00FF00;
}

Ae você pode regular o tamanho dos avatares que estão nos valores de 50, mas não aconselho aumentar muito.

4 comentários:

  1. ja linkei você flor como afiliada :)

    ResponderExcluir
  2. Obrigada aqui tbm pelo pedido

    ResponderExcluir
  3. obrigada fofa , bjos
    nos outros tutoriais de outros sites não consegui , e eu consegui no seu , e deu tudo certo e era mais facil .bjos !

    ResponderExcluir
    Respostas
    1. Yo Kelly, obrigada pelo comentario, fico contente que tenha dado certo =^^=

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram