Foros del Web » Creando para Internet » CSS »

Items del menu con diferente color

Estas en el tema de Items del menu con diferente color en el foro de CSS en Foros del Web. Hola, estuve tratando y leyendo, pero no se como hacer que mi menu, al pasar el cursor por encima, cada color de cada item sea ...
  #1 (permalink)  
Antiguo 22/11/2010, 15:52
 
Fecha de Ingreso: julio-2009
Mensajes: 110
Antigüedad: 14 años, 7 meses
Puntos: 2
Items del menu con diferente color

Hola, estuve tratando y leyendo, pero no se como hacer que mi menu, al pasar el cursor por encima, cada color de cada item sea diferente.

Alguien me podria dar un ejemplo con mi pagina?

http://tinyurl.com/27gdcn4

Gracias
  #2 (permalink)  
Antiguo 23/11/2010, 06:18
Avatar de PosProdukcion  
Fecha de Ingreso: noviembre-2004
Ubicación: Manzanares el Real (Madrid)
Mensajes: 726
Antigüedad: 19 años, 3 meses
Puntos: 9
Respuesta: Items del menu con diferente color

Tendrías que darle un estilo hover diferente a cada item del menú:

Código HTML:
Ver original
  1. <li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-10"><a href="/">Inicio</a></li>
  2. <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-37"><a href="/?page_id=32">Galería</a></li>
  3. <li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-38"><a href="/?page_id=30">Inscripciones</a></li>
  4. <li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-11"><a href="/?page_id=2">Prensa</a></li>
  5.  
  6. <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-36"><a href="/?page_id=33">Agradecimientos</a></li>

Por ejemplo:
Código CSS:
Ver original
  1. #menu-item-10:hover{background: red}
  2. #menu-item-11:hover{background: blue}
  3. #menu-item-37:hover{background: green}

Última edición por tunait; 31/10/2011 a las 15:35 Razón: a petición, quitar urls del code
  #3 (permalink)  
Antiguo 23/11/2010, 06:22
 
Fecha de Ingreso: julio-2009
Mensajes: 110
Antigüedad: 14 años, 7 meses
Puntos: 2
Respuesta: Items del menu con diferente color

PosProdukcion, gracias por tu respuesta.

Puse tal cual el css que me paaste, pero el color de fondo no se cambio, que estoy haciendo mal?

saludos
  #4 (permalink)  
Antiguo 23/11/2010, 06:35
Avatar de PosProdukcion  
Fecha de Ingreso: noviembre-2004
Ubicación: Manzanares el Real (Madrid)
Mensajes: 726
Antigüedad: 19 años, 3 meses
Puntos: 9
Respuesta: Items del menu con diferente color

Según veo en algunos sí ha funcionado...

Puede ser que algún estilo posterior esté sobreescribiendo los estilos que tú pones, prueba a ponerlo en un bloque <style> de la propia página o al final de todos los estilos
  #5 (permalink)  
Antiguo 23/11/2010, 06:59
 
Fecha de Ingreso: julio-2009
Mensajes: 110
Antigüedad: 14 años, 7 meses
Puntos: 2
Respuesta: Items del menu con diferente color

Gracias amigo, ahora funciona, era como vos decis, tuve que sacar otra etiqueta. Ahora como hago porque no se que sacar, no se aplica el color negro de texto en hover. Cual tengo que editar?

Etiquetas: color, diferente, items
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 22:54.