05/08/2012

Comentários com avatares redondos


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.

Códigos
.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. Anônimo27/9/12

    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

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345