Tutorial: Personalizar listas {numeros y puntos} con pixels, icons...

Holaaa!  Lo prometido es deuda, estoy aquí en esta semana y esta vez les traigo un tutorial pedido por mi amiga Katy black que es sobre como cambiar el estilo de las Listas, para los que no saben son estas:

Numeros / Puntos

Así es como mas o menos lo queremos cambiar:

imagen clasic&love

Para cambiarlo por algun icon o lo que a ti te guste vamos a:

Plantilla / Editar HTML / CTRL + F y buscas:

]]></b:skin>

Y antes de ]]></b:skin> copias y pegas este código: 

ul li {

list-style: url(URLDETUIMAGEN);

} li {

list-style: url(URLDETUIMAGEN);

}

Rojo: El emoticon de los números
Rosa: El emoticon de los puntos

Algunos pixels que puedes usar:

 |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  | 

Créditos por el tutorial a Clasic&Love!

Nos vemos los quiero mucho!!