Iconos en los enlaces del gadget listas "LinkList"

Gamal me pregunta en un comentario como agregar iconos o imágenes a cada elemento de un LinkList.

Solamente será necesario añadir unas líneas de código en el CSS, como siempre os digo ha de añadirse antes de ]]></b:skin>:


.LinkList a {
padding-left: 13px;
background: url (Url_del_icono) no-repeat scroll left 50%;
}
En "padding-left" tendréis que poner un valor igual al ancho que tiene el icono.

También podemos hacer que al colocar el puntero del ratón sobre el enlace, la imagen que se muestre sea diferente.
Colocáis entonces debajo de ese código, este otro:

.LinkList a:hover {
padding-left: 13px;
background: url (Url_del_icono) no-repeat scroll left 50%;
}

Si además (como podeís ver en los enlaces del Escaparate), queréis que en los enlaces que ya han sido visitados se vea un icono diferente, añadimos debajo otro código más:

.LinkList a:visited {
padding-left: 13px;
background: url (Url_del_icono) no-repeat scroll left 50%;
}

0 comentarios:

Publicar un comentario