Color y número en los comentarios con jQuery

Personalizar los comentarios siempre ha sido algo que antes o después todos hacemos, con jQuery podemos añadir color a los comentarios en dos sencillos pasos.
La idea la vi en The Technology Hub y la forma de hacerlo es la siguiente:

Justo antes de </head> añadimos:

<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'></script>

El siguiente paso es añadir el script que contiene el color de fondo justo antes de </body> ya sabéis, al final de la plantilla.

<script type="text/javascript">

$(document).ready(function() {

$("#comments-block dt").each(function(i){

var divId='zpk' + i.toString();

$(this).before("<div id='" + divId + "'></div>");

$(this).next().next().prependTo("#" + divId);

$(this).next().prependTo("#" + divId);

$(this).prependTo("#" + divId);

$("#" + divId).css("padding","10px");

if(i%2==0){

$("#" + divId).css("background-color","#B8D62F");

}else{

$("#" + divId).css("background-color","#DFF294");

}

});

});

</script>

En background-color podemos sustituir los colores.

También con jQuery podemos añadir el número de orden en los comentarios, bastaría con incluir justo antes de </head> lo siguiente.

<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'>
(Si incluimos el anterior script para añadir color no es necesario volver a añadirlo)

También añadimos antes de </head>

<script type="text/javascript">
$(document).ready(function() {
$("#comments-block").find("dt").each(function(i){
$(this).prepend("<span style='color:red;margin-right:2px;"
+ "padding:2px;background-color:silver'>"
+ (i+1).toString() + ".</span>" );
});
});
</script>

En color:red tenemos el color del número.
Con background-color:silver añadimos color al fondo del número, si no deseamos color de fondo bastará con suprimir esa parte.