[RISOLTO]voci menu colori diversi

[emanuelep]

ciao ragazzi,
ho l'esigenza di dare il colore diverso a ogni voce menu sull' hover e quando è attivo,
questo sotto è il codice del menu...mi sapete dare un consiglio su come operare?
grazie





#menu li.level1:hover,
#menu li.remain { background:none; }


#menu li.level1.active:hover,
#menu li.active.remain { background: #none; }


#menu li.active a.level1 span.bg,
#menu li.active span.level1 span.bg { color: #FF3399;}


#menu li.level1:hover a.level1 span.bg,
#menu li.level1:hover span.level1 span.bg,
#menu li.remain .level1 span.bg,
#menu li.remain.active .level1 span.bg { color: #FF3399; }


#menu li.parent a.level1,
#menu li.parent span.level1 {
   padding-right: 35px;
   /*background: url(../images/menu_level1_item_parent.png) 100% 0 no-repeat;*/
}

[emanuelep]

ho risolto inserendo dopo level1 la classe del menu item4,item3,item2:


ecco qui sotto la modifica per il pulsante item4;



#menu li.level1.item4:hover,
#menu li.remain { background:none; }


#menu li.level1[/size]item4[/size].active:hover,
[/size]#menu li.active.remain { background: #none; }


#menu li.active a.level1[/size]item4[/size] span.bg,
[/size]#menu li.active span.level1[/size]item4[/size] span.bg { color: #FF3399;}
[/size]

#menu li.level1:hover a.level1.[/size]item4[/size] span.bg,
[/size]#menu li.level1:hover span.level1.[/size]item4[/size] span.bg,
[/size]#menu li.remain .level.1[/size]item4[/size] span.bg,
[/size]#menu li.remain.active .level1.[/size]item4[/size] span.bg { color: #FF3399; }
[/size]

#menu li.parent a.level1.[/size]item4[/size],
[/size]#menu li.parent span.level1.[/size]item4[/size] {
[/size]   padding-right: 35px;
}
[/size]ciao