viernes, 21 de septiembre de 2012

Avatares de los comentarios redondeados

Hola chicas como estan?? ... espero que biien! les traigo un tuto de como poner redondeados los bordes de los avatares de los comentarios de las entradas....
Osea asiii como pueden ver en la siguiente imagen guia


Ok, empecemos ^^  

Ve a la Edición HTML de tu blog

Luego con f3 buscas: ]]></b:skin> 

Ahora justo despues de el codigo anteriormente buscado pegas 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: #eef2f2; border:1px solid #cedadc;}.comments .comments-content .comment {border-bottom: 1px solid #b2d1d6 !important;} .comments .avatar-image-container {border:3px solid #cedadc;} .comments .avatar-image-container, .comments .avatar-image-container img { -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; } </style> </b:if>


Ahora Tecnicismos!

.comments .comments-content .inline-thread: puse el color del borde (border) y fondo (background) de las respuestas de los comentarios, por eso se ven en "cajitas".


.comments .comments-content .comment: puse el borde (border) que se aplica al fondo de cada comentario, independientemente que sea repuesta o no.

.comments .avatar-image-container, puse la imagen que aparece debajo de cada avatar, si alguien usa imagen transparente en su avatar, se verá ésta como fondo, o bien cuando no haya ningún avatar, por ejemplo en comentarios de usuarios que comenten como anónimos. 

Si prefieres el texto justificado en los comentarios, quita todo lo que resalté de naranja .comments .comments-content .comment-content{text-align:left;} esa regla ya la envía Blogger.


Y ya.... esOo es tOdo ^^
Asi ya tendras tus comentarios mas boniitos

Bueno eso es todo ... bay, hasta la proxima y que la pasen super, yo no la pasare super mañana tengo brigada D:



No se Olviden cOmentar ^^


2 comentarios:

  1. Siempre pienso en cambiar algo en la caja de comentarios no sé por qué al final la dejo así :s hasta descargue unos iconos de lo mas kawaii xc gracias por tu idea! a ver si la aplico n.n

    ResponderEliminar
  2. que genial *oo*
    tal vez los pruebe
    muchas gracias saluditos
    ;D

    ResponderEliminar

Gracias por dejar tu lindo comentario, seguro que te lo devuelvo n.n