3 de jul de 2012

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]

4 comentários:

debs disse...

agradeço por seguir as recomendações *U*
e infelizmente, não podemos fechar afiliação, pois você nao tem o numero minimo de seguidores :c
mais tenta mais tarde, vai que você condegue *O*
beijos ~> magic-touch.tk

Emilly Gabriely disse...

Nossa, gostei muito do seu blog, encontrei varias coisas legais por aqui, ta de parabéns!!
Amei o tutorial!!
Beijos florzinha ;*


http://emillygabriely.blogspot.com.br/

Nadine .-. disse...

Já conhecia o tutorial, até tenho ele postado :3
Seguindo babie!

Thaynara disse...

Amei o tutorial, fica super lindo ! Já coloquei você nos afiliados na foto da ultima fileira da Demi.

http://garotadifferente.blogspot.com.br/