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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirO7Ecg7hVGuPjTj6Pqku1aiPTGPVi68rxGducZp47tOhPxhNoPuyguL6gK74r2dD9eLU4ihxDqNK75SHpPrcuezgrJGlNNOVsYA8MADWb2LDuvt-ZQvC-FFPG2TRa8mGZnIxIi-YQmFk/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.
SOCIALIZE IT →