Personalizando Area dos Comentários .

Oi coisas lindas que eu amo tanto *-*

Hoje trouxe o tutorial de como personalizar a área dos comentários ;

Antes de mais nada , queria dizer que os créditos é desse blog lindo [www]

Bom , vamos começar então mudando o fundo cinza , vamos  lá ?

Tutorial *-* 

1. Vá em HTML , tecle CTRL+F e procure por : 

#comments.

Vai aparecer algo parecido com isso :

#comments { background:  #cccccc no repeat scroll;padding: 20px;}

Se não estiver assim , substitua o código atual por esse ; 

A parte que esta  azul substitua pela cor que você queira o fundo.

2. Agora vamos , personalizar ou tirar aquela linha ;

No HTML mesmo , procure por :

.comments .continue { 

Você vai achar algo parecido com isso , mais ou menos :

.comments .continue {

  border-top: 2px solid $(post.title.text.color);

} 

Aonde esta escrito solid , substitua por um desses códigos :

 dashed {tracejado --}dotted {pontilhado ..}double {linha dupla ==}none {ela vai ser retirada}

Se quiser deixar normal , não personalize . 

Aonde tá 2xp , mude o número para a grossura da linha ;

3. Avatar .

Novamente em HTML , procure por :

.avatar-image-container {

 Após procurar , irá achar algo parecido com isso :

.avatar-image-container {

margin: .2em 0 0;

} 

Aqui estão alguns modelos , vamos ver ? 

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px; 

 -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;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

Cole um desses códigos ,  abaixo de margin:

.2em 0 0; , antes de fechar a chave }

É isso pessoal , beijos,  e fiquem com Deus *-*

 Créditos: [www]