Foros del Web » Creando para Internet » CSS »

Ayuda con menu horizontal con fondos diferentes en cada opcion

Estas en el tema de Ayuda con menu horizontal con fondos diferentes en cada opcion en el foro de CSS en Foros del Web. Necesito ayuda, como hago un menu horizontal en el que cada opcion del menu tiene un fondo diferente, y el rollover tambien es una imagen ...
  #1 (permalink)  
Antiguo 07/10/2010, 00:52
 
Fecha de Ingreso: octubre-2010
Mensajes: 2
Antigüedad: 7 años, 2 meses
Puntos: 0
Ayuda con menu horizontal con fondos diferentes en cada opcion

Necesito ayuda, como hago un menu horizontal en el que cada opcion del menu tiene un fondo diferente, y el rollover tambien es una imagen diferente para cada item. Agradezco su ayuda.
  #2 (permalink)  
Antiguo 13/01/2011, 17:08
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Ayuda con menu horizontal con fondos diferentes en cada opcion

Mejor tarde que nunca.

Debes crear una regla css para cada item dándoles un id o una clase. Por ejemplo: #boton1{background-image:url(fondoBoton1.jpg);}
Para el rollover debes crear otra regla para cada uno:
#boton1:hover{background-image:url(fondoBoton1RollOver.jpg);}

Dentro del HTML necesitas añadir este id a la etiqueta de los elementos del menú. Por ejemplo:
<a href="aDondeVoy.html" id="boton1"> Ir a donde sea </a>

Cuando pasas por encima del enlace cambia la imagen de fondo. Si quieres otros efectos, puedes usar otras propiedades css.

Etiquetas: menu-css-horizontal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:24.