Items del menu con diferente color

creear · #1 (**permalink**) 22/11/2010, 15:52

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

PosProdukcion · #2 (**permalink**) 23/11/2010, 06:18

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

Código HTML:

Ver original<li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-10"><a href="/">Inicio</a></li>
<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>
<li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-38"><a href="/?page_id=30">Inscripciones</a></li>
<li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-11"><a href="/?page_id=2">Prensa</a></li>
 
<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#menu-item-10:hover{background: red}
#menu-item-11:hover{background: blue}
#menu-item-37:hover{background: green}

creear · #3 (**permalink**) 23/11/2010, 06:22

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

PosProdukcion · #4 (**permalink**) 23/11/2010, 06:35

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

creear · #5 (**permalink**) 23/11/2010, 06:59

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?