20/1/13

8vo tutorial, estilo en los comentarios



...Holis! Buenas a todos! Hoy estoy llena de feliz felicidad porque ya puedo hablar! -si, estuve media semana con dolor de garganta- Y por eso -solo uso mi enfermedad como una excusa- les traigo un nuevo tutorial, el octavo para ser precisos! Sobre como ponerle un estilo a tus comentarios: poner circulares los avatares y una linea de color debajo de cada comentario!


1♥ Ve a plantilla--> Edicion html

2♥ Busca:  ]]></b:skin>

3♥ Debajo pega lo siguiente:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> .comments .comments-content .comment-content{text-align:left;} .comments .comments-content .inline-thread {background: #FEFEFE; border:1px solid #cedadc;}.comments .comments-content .comment {border-bottom: 1px dashed #CEFFD5 !important;} img { -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; } </style> </b:if>

4♥ Edita a tu gusto:

background: #FEFEFE (color del borde de los comentarios, solo en las respuestas)
border:1px (grosor del borde de la imagen) solid (tipo de borde)#cedadc (color del borde)

border-bottom: 1px (grosor del borde de abajo) solid (tipo de borde) #CEFFD5 (color de borde)

NOTA: Esto ultimo es la linea que va debajo de cada comentario

5♥ Guarda y disfruta tus nuevos cambios!


BYE!♥

No hay comentarios:

Publicar un comentario

Recuerda, escribe educado y sin insultos d=(´▽`)=b