domingo, 1 de abril de 2012

Enumerar comentarios animados con css

Para poder
enumerar nuestros comentarios animados solo tenemos que agregar lo siguiente


Agregar el CSS.
Usando la nueva interfaz, ve a Plantilla > Personalizar > Avanzado > Añadir CSS, y en el campo agrega el siguiente código CSS, y guardas los cambios en Aplicar al Blog:




.comment-thread ol { counter-reset: contarcomentarios; }
.comment-thread li .comment-header:after { content: counter(contarcomentarios,decimal); counter-increment: contarcomentarios; float:right; font-size: 20px; color: #E6E6E6;
margin-top: -4px;} .comment-thread ol ol { counter-reset: contarbis; } .comment-thread li li .comment-header:after { content:
counter(contarcomentarios,decimal) "." counter(contarbis,decimal);
counter-increment: contarbis; float: right; font-size: 16px;
color: #E6E6E6; margin-top: -4px; }


 le das clic en aplicar planilla y listo.

7 comentarios:

Descripcion en imagenes con efecto deslizante usando css

Una forma de agregarle mas estilo a nuestras imágenes y hacer que nuestro blogs sea mas profesional, es poniendo una pequeña descripc...