~Radioactive Graphics~: Estilo de comentarios

Hola, little dragons :3

Como ayer prometí, aquí os dejo varios estilos de comentarios para blogs. Todos hechos por mí, así que si utilizáis alguno, dadle créditos al blog.

Estilo de comentarios dotted:

/* Caja del comentario */
.comment-content{
background:#FFFFFF;
padding:13px;
border-radius:10px;
color:#DD83FF; 
}

/* Titulo "No hay comentarios/nro Cometarios" */
h4{
border-radius: 10px;
background:#EAB2FF;
text-align:center;
color:#fff;
text-shadow: 0px 0px 3px #ffffff;
}

/* Nombre del usuario */
.user {
background: #FFFFFF;
padding: 7px;
margin-left: 10px;
border-radius: 10px 10px 0 0;
}

.icon {
background: transparent;
}

/* Caja de color */
.comment-block{
background:#fff url(http://img545.imageshack.us/img545/8475/dotted.jpg); 
padding:10px;
border: 1px solid #DD83FF;
border-radius: 15px 15px 15px 15px;
}

/* Links de la caja de color */
.comment-block a{
font-weight: normal;
}

/* Contorno de los avatares */
.avatar-image-container{
background:#EAB2FF;
padding:5px;
border-radius:50% 50% 0% 50%;
}
/* Avatares de comentarios */
.avatar-image-container img{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border-radius:50%;
}
/* Avatares de comentarios "HOVER" */
.avatar-image-container img:hover{
border-radius:50%;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}

/* Links Fecha/Responder/Eliminar */
.secondary-text a{
color: #EAB2FF;
padding: 3px;
background:#FFFFFF;
float: center;
border-radius:5px;
text-shadow: none;
}

jueves, 16 de mayo de 2013

Recursos: Estilos de comentarios para tu blog.