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 {En "padding-left" tendréis que poner un valor igual al ancho que tiene el icono.
padding-left: 13px;
background: url (Url_del_icono) no-repeat scroll left 50%;
}
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