Iconizando las lista de enlaces (bullets)

H

ace días, Graciela de Palomas de Papel me pedía como poner imágenes o bullets en nuestras listas de enlaces. El que le explicare a continuación es con efecto hover.


Solo nos ubicamos justo ante del ]]></b:skin> y colocaremos lo siguiente:

¡Recuerda! "GUARDAR SIEMPRE UNA COPIA DE TU PLANTILLA EN TU PC

.LinkList a {

color:#006699;

padding-left: 16px; 

background: url(http://krjkrw.bay.livefilestore.com/y1pfiTvZmSSUuz33OZl4Ft9Z_oCBeeBOVKUdL_ix-hFD136qyg-Va7P8LtsNlpEoME-Wdg1hcAfpOk/16-star-cold_16x16.png) no-repeat scroll left 50%;}

.main .widget {border-bottom:0px dotted #b3b3b3;margin:0 0 1.5em;padding:0 0 1.5em;}



.LinkList a:hover {

padding-left: 16px;

background: url(http://krjkrw.bay.livefilestore.com/y1p9oGYGejQB0VO1qds4rGjqvVQRs15HTn2GWKXFEqhARm1rcp3nPijAS86b70-FzULiRdc2hR8-Ac/16-square-blue-check_16x16.png) no-repeat scroll left 50%;color:#0066cc;}

.main .Blog { border-bottom-width: 0;}

Cambia las imágenes a tu gusto y que sean de 16x16, o si llegaras a poner de otro tamaño solo tienes que cambiar padding-left. Y para buscar icono presiona aquí (buscador en inglés).

Referencias y otros trucos similares:
ERVDesign
El Escaparate de Rosa
Gem@