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@
GRACIAS ANTONY!!!...siempre me olvido que en el html de la página es donde puedo hacer éste tipo de cosas...lo ponía en la columna derecha ohhh que trabajo...mil gracias tesoro!!! y mis besitos!!!
ResponderEliminarHola Graciela! Pero ahora no se te va a olvidar... Saludos!
ResponderEliminar