Mil Trucos Blogger

Otro estilo para los comentarios anidados

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

En esta oportunidad compartire un estilo que he hecho para los nuevos comentarios anidados de Blogger..

En la siguiente imagen se muestra el resultado final del truco.


Para agregar este estilo a tus comentarios pega antes de ]]></b:skin> lo siguiente:

.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;
}
.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 #BBB;
-moz-box-shadow: 0 1px 2px #BBB;
box-shadow: 0 1px 2px #BBB;
}

.comments .comment-block {
background-image:url(http://4.bp.blogspot.com/-yuzQLZae6NQ/UE9ereAsQlI/AAAAAAAABSE/-T44nXt9Cqw/s1600/barra10.png);
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom:20px;
height:125px;
}
.comments .comments-content .datetime { /* Fecha de los comentarios */
font-style:italic;
font-size:12px;
}

.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(http://superpost.xtrweb.com/themes/default/images/icons/ran/Rey.gif);
}

La primera imagen que esta resaltada en azul corresponde a la que aparece en la parte inferior de los comentarios (la barra separadora) y la segunda es el icono de la corona que aparece en los comentarios del autor.

Espero que les haya gustado este estilo y lo agreguen en sus comentarios.

0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

13 Comentarios

  1. Anonymous Anonymous
    Septiembre 11, 2012    

    Ya temande un correo revisalo

    • Septiembre 12, 2012    

      Ya me comunique contigo,gracias por tu interes 🙂

  2. Octubre 26, 2012    

    Si mi plantilla no da la opción de responder a los comentarios, ¿puedo hacer algo?

  3. Noviembre 21, 2012    

    Hola buenas noches, he utilizado el código que me parece excelente. Sin embargo hay algo en el aspecto estético que no he podido corregir: cuando se escribe una respuesta, las primeras tres líneas del texto tienen una alineación distinta a el resto del comentario… Los puedes visualizar en el siguiente enlace http://www.portaldelpetroleo.com/2009/06/bombeo-mecanico-diseno.html

    como hacer para corregir este detalle????

  4. Diciembre 31, 2012    
  5. Febrero 5, 2013    

    funciona, funciona, gracias, mira como queda http://missolucionespc.blogspot.com/2012/11/instalar-windows-xp-paso-paso.html#comment-post-message, gracias de nuevo 🙂

  6. Febrero 6, 2013    

    oye, una pregunta, porque cuando respondo algún comentario el mensaje del formulario sale abajo de la caja de comentarios? como hago para ponerlo arriba? ayuda por fa

  7. Junio 9, 2013    

    Pues a mi no me sale 🙁

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo