Hace unos días inicie este post, y no había notado los nuevos link´s agregados...
Gracias denica001: también son buenos apuntes los que me has facilitado... me llamo mucho la atención a primera vista este link
http://www.jnxcs.com/
Promete muy buenos modelos de diseño.
Que tal cluster28,
Pienso que debería dirigir al foro de CSS, pero de forma breve te comento que el ejemplo que publicas esta basado en listas...o Busca por rollover(pero no me gusta hacer este tipo de interacciones por photoshop-prefiero CSS).
En css simplemente
1. eliminas el estilo en la etiqueta ul:
.estilolist ul{
list-style-type: none;/*eliminar estilo para que no aparezca la viñeta*/
}
.estilolist li a{
color: #eee;
display: block;/*En bloque*/
background: transparent url(fondo1.jpg) 200px;/*fondo*/
height: 24px; /*establece el alto en pixeles*/
}
/*Ahora simplemente agregas interacción*/
/*creas una segunda imagen de fondo y en el evento hover la cambias*/
.estilolist li a:hover{
color: #26370A; /*color del texto*/
background: transparent url(fondo2.jpg) 200px;/*fondo*/
}
Esto es muy básico pero creo debería funcionar...
Un saludo,