[RESOLVIDO]Menus com cores diferentes

[paolinelli]

Boas...

Estou utilizando o maximenuCK, queria que quando o mouse hover, cada menu ficasse de uma cor EX: home = vermelho, empresa = azul...
este é o CSS que estou usando

.clr {clear:both;}

/*** style global du menu ***/
div#maximenuCK ul.maximenuCK {
background : url(../images/fond_bg.png) top left repeat-x;
height : 34px;
padding : 0;
margin : 0;
}

div#maximenuCK ul.maximenuCK li.maximenuCK {
background : none;
list-style : none;
border : none;
}

div#maximenuCK ul.maximenuCK li.maximenuCK>a img {
margin : 3px;
border : none;
}

div#maximenuCK ul.maximenuCK li.maximenuCK img {
border : none;
}

div#maximenuCK ul.maximenuCK li a.maximenuCK {
text-decoration : none;
text-indent : 2px;
height : 27px;
outline : none;
background : none;
border : none;
padding : 0;
cursor : pointer;
}

/*** element actif ***/
div#maximenuCK ul.maximenuCK2 li.current>a span {
font-weight : bold;
color : #6495ED;
}

div#maximenuCK ul.maximenuCK li.current>a:hover span.titreCK {
}

div#maximenuCK ul.maximenuCK li.active>a span.titreCK {
color : #6495ED;
font-weight : bold;
}

/*** styles des éléments parent du premier niveau ***/
div#maximenuCK ul.maximenuCK li.level0 {
height : 34px;
padding : 0 10px;
background : url(../images/separator.png) top right no-repeat;
}

div#maximenuCK ul.maximenuCK li.current.level0>a span {
font-weight : bold;
color : #6495ED;
}

div#maximenuCK ul.maximenuCK li.parent.level0>a {
background : url(../images/maxi_arrow0.png) bottom right no-repeat;
}

/*** styles des éléments parent ***/
div#maximenuCK ul.maximenuCK li.parent.level0 li.parent {
background : url(../images/maxi_arrow1.png) center right no-repeat;
}

/*** styles des liens et descriptions ***/
div#maximenuCK span.descCK {
color : #c0c0c0;
display : block;
text-transform : none;
font-size : 10px;
text-decoration : none;
height : 12px;
line-height : 12px;
float : none !important;
float : left;
}

div#maximenuCK span.titreCK {
color : #FFFFFF;
display : block;
text-transform : none;
font-size : 14px;
line-height : 30px;
text-decoration : none;
text-align : left;
height : 17px;
float : none !important;
float : left;
width: 164px;
}

div#maximenuCK ul.maximenuCK a:hover span.titreCK {
color : #6495ED;
text-decoration : underline overline;
font-weight : bold;
}

/*** styles des enfants ***/
div#maximenuCK ul.maximenuCK2 a.maximenuCK {
width : 160px;
}


/*** styles des conteneurs enfants ***/
div#maximenuCK ul.maximenuCK ul.maximenuCK2 {
background : #1a1a1a;
margin : 3px 0 0 0;
padding : 0;
border : none;
width : 180px;
}

div#maximenuCK ul.maximenuCK2 li.maximenuCK {
width : 180px;
padding : 2px 0 0 0;
border : none;
margin : 0;
background : none;
}

div#maximenuCK ul.maximenuCK2 li a.maximenuCK {
text-decoration : none;
border-bottom : 1px solid #505050;
width : 150px;
margin : 0 auto;
padding : 3px 0 3px 0;
}

ul.maximenuCK li div.floatCK {
background : #1a1a1a;
border : 1px solid #707070;
}


/*** styles des modules ***/
div#maximenuCK div.maximenuCK_mod {
width : 170px;
padding : 0;
overflow : hidden;
color : #ddd;
white-space : normal;
}

div#maximenuCK div.maximenuCK_mod div.moduletable {
border : none;
background : none;
}

div#maximenuCK div.maximenuCK_mod fieldset{
width : 160px;
padding : 0;
margin : 0 auto;
overflow : hidden;
background : #1a1a1a;
border : none;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod #form-login ul {
left : 0;
margin : 0;
padding : 0;
width : 170px;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod #form-login ul li {
margin : 2px 0;
padding : 0 5px;
height : 20px;
background : #1a1a1a;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a {
border : none;
margin : 0;
padding : 0;
display : inline;
background : #1a1a1a;
color : #888;
font-weight : normal;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a:hover {
color : #FFF;
}

div#maximenuCK ul.maximenuCK div.maximenuCK_mod h3 {
font-size : 14px;
width : 170px;
color : #aaa;
font-size : 14px;
font-weight : normal;
background : #444;
margin : 5px 0 0 0;
padding : 3px 0 3px 0;
}

/*** module dernieres news ***/
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod ul {
margin : 0;
padding : 0;
width : 170px;
background : none;
border : none;
text-align : left;
}

div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod li {
margin : 0 0 0 15px;
padding : 0;
width : 155px;
background : none;
border : none;
text-align : left;
font-size : 11px;
float : none;
display : block;
line-height : 20px;
white-space : normal;
}

Obrigado

[paolinelli]

Alguem??????

[paolinelli]

deu certo aqui, fiz o seguinte:

Dentro do arquivo maximenuH_CK.css adicionei as seguintes linhas: (que estao entre a linha 100 até a linha 128)

div#maximenuCK ul.maximenuCK li.item1 a:hover span.titreCK {
color : #FF0000;
text-decoration : underline overline;
font-weight : bold;
}

div#maximenuCK ul.maximenuCK li.item53 a:hover span.titreCK {
color : #FFA500;
text-decoration : underline overline;
font-weight : bold;
}

div#maximenuCK ul.maximenuCK li.item54 a:hover span.titreCK {
color : #FFFF00;
text-decoration : underline overline;
font-weight : bold;
}

div#maximenuCK ul.maximenuCK li.item76 a:hover span.titreCK {
color : #2E8B57;
text-decoration : underline overline;
font-weight : bold;
}

div#maximenuCK ul.maximenuCK li.item57 a:hover span.titreCK {
color : #6495ED;
text-decoration : underline overline;
font-weight : bold;
}


abs

[flanp]

Como faço para alterar a cor dos submenus ?

Por exemplo, quero colocar a cor azul em todos.