lunes, 23 de enero de 2012

Alternativas para numerar los comentarios

Respondiendo a Chary Cirujano y otros visitantes que preguntan cosas parecidas, esta es una de las formas de modificar la numeración de los comentarios para que las "respuestas" anidadas se ven un poco distintas o se numeren de otro modo.

En el mismo ejemplo de siempre, pueden verse las tres variantes, basa hacer click sobre los enlaces para verlas en acción y todas ellas tienen como base lo explicado en esta entrada.

La primera opción es la más simple: hacer que el contador de respuestas tenga un estilo diferente, por ejemplo, un color o una fuente; para eso, agregaríamos esta regla:
.comments .comment-replies .comment-block:before {
color: #08C;
font-size: 20px;
}
dependiendo del orden en que tengamos las reglas, puede requerir el agregado de la palabra !important; por ejemplo:
color: #08C !important;
La segunda opción lo que hará es resetear el contador de respuestas de tal modo que los comentarios tendrán numeraciones distintas:
.comments .comment-replies {
counter-reset: contadorcomentarios;
}
.comments .comment-replies .comment-block:before {
color: #08C;
font-size: 20px;
}
La tercera opción combina ambas cosas, acá se agrega un segundo contador y se muestran ambos:
.comments .comment-replies {
counter-reset: contador_reply;
}
.comments .comment-replies .comment-block:before {
color: #08C;
font-size: 20px;
content: counter(contadorcomentarios, decimal) " [" counter(contador_reply, decimal) "]";
counter-increment: contador_reply;
}
En este último caso, lo que hacemos es armar la salida visible, uniendo los datos y cualquier otro carácter.

No hay comentarios:

Publicar un comentario