Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : valfio 06 Mar 2012, 14:53:03

: [RISOLTO] Modifica colore background menu terzo e quarto livello
: valfio 06 Mar 2012, 14:53:03

Ciao ,


sto lavorando su questo sito:
http://www.casellaercole.it/ (http://www.casellaercole.it/)


Il cliente vuole che per ogni sottodominio ci sia un colore di grigio pił chiaro.
Nella voce "Attivitą" si aprono altri due sottomenu ... per ognuno di questi il colore di sfondo del grigio deve essere diverso.

Potete aiutarmi ?


Vi invio qui sotto il css:

:

/** Topmenu (added multi-level support v1.1) **/


#topmenu {
   float: left;
   width: 1000px;
   padding-left: 0px;
   font-family: 'Oswald', sans-serif; font-weight: 400;
   font-size: 1.4em;
   color: #fff;
   background-color: #000;
   z-index:100;
}


#topmenu ul {
   float: left;
   padding: 0;
   margin: 0;
   list-style: none;
   background-color: #fff;
   z-index:100;
}


#topmenu a {
   display: block;
   color: #fff;
   padding-top: 8px;
   padding-bottom: 10px;
   padding-left: 22px;
   padding-right: 22px;
   text-decoration:none;
   background-color: #000;
   z-index:100;
}


#topmenu a:hover,
#topmenu li.active a {
   color: #cf2234;
   text-decoration: none;
   background-color: #;
   z-index:100;
}




#topmenu li {
   float: left;
   padding-right: 1px;
   z-index:100;
}




/** Second-level lists **/


#topmenu li ul {
   position: absolute;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 12px;
   width: 152px;
   left: -999em; /* "display: none" not seen by screen readers */
   background-color: #535556;
   z-index:198;
}


#topmenu li ul a {
   width: 152px;
   padding-top: 9px;
   padding-bottom: 9px;   
   background-color: #535556;
   z-index:198;
}


#topmenu li.active ul a:hover {
   color: #fff;
   text-decoration: none;
   background-color: #535556;
   z-index:198;
}


#topmenu li.active ul a {
   text-decoration: none;
   background-color: #535556;
   z-index:198;
}


/** Level third and above **/


#topmenu li ul ul {
   margin: -37px 0 0 196px;
   z-index:200;
}


#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
   left: -999em;
   z-index:200;
}


#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
   left: auto;
   z-index:200;
}



Grazie a tutti per il vostro aiuto.

: Re:Modifica colore background menu terzo e quarto livello
: adottauncane 06 Mar 2012, 16:00:48

Ciao valfio,
non serve inserire il css, lo vediamo. In ogni caso se devi inserire codice usa il tastini #.

Io vedo solo 2 sotto livelli.

Per cambiare il secondo aggiungi questo al file template.css

:

#topmenu li ul ul a {
    background-color: #000000;
}

: Re:Modifica colore background menu terzo e quarto livello
: valfio 06 Mar 2012, 16:12:18

Grazie mille ! ! !  ;D

: Re:Modifica colore background menu terzo e quarto livello
: adottauncane 07 Mar 2012, 12:10:51

 Prego. Ricordati di inserire il [RISOLTO] davanti al titolo del primo post.