Cambiare stile alla voce di menu attivo

[Mich24]

Ciao a tutti,

vorrei rendere la voce di menu attiva diversa dalla altre (per esempio di colore rosso). Ho pensato come fare con i CSS e googlato per la soluzione ma niente da fare :-/

Suggerimenti?

Grazie!

[floyd1616]

ciao,
la soluzione è proprio quella di formattare la voce attiva attraverso i css.
Sicuramente, se visualizzi il codice html della pagina, avrai:
ul class="menu"
li item="xxx" class="active"

una volta trovato tale codice, nel file css puoi assegnare alla classe "active" tutto quello che ti pare per differenziare la voce attiva.

saluti
Floyd

[Mich24]

ah ok grazie mille.

il mio menu è così:

Codice: [Seleziona]

<ul class="menu">
<li class="item15">
<a href="..."><span>Criteri</span></a>
</li>
<li class="parent active item16">
<a href="..."><span>Moduli</span>
</a>
<ul>
<li id="current" class="active item12">
<a href="..."><span>Tegole</span></a>
</li>
</ul>
</ul>


L'elemento attivo ha come id "current"

Così ho introdotto il seguente stile:

Codice: [Seleziona]

#current{
color: #FF0000;
font-size: 18px;
}

ma non funziona. Cosa sbaglio?

[floyd1616]

ciao,
non vorrei che tu abbia qualche altro elemento con #current

onde evitare... prova in questo modo:

Codice: [Seleziona]

ul.menu li#current .active a{color: #f00;font-size: 18px;}

Floyd

[Mich24]

Grazie mille per il suggerimento.

Ho ancora due problemi:

1) io ho un menu orizzontale e un menu verticale.  Il problema è che viene colorato in rosso sempre solo l'ultimo elemento selezionato in uno dei due menu (io vorrei invece avere un elemento in rosso nel menu orizzontale e uno in quello verticale)

2) questo è forse più CSS-specifico: se il menu verticale ha due livelli, quando seleziono un parent anche tutti i figli vengono colorati in rosso (perchè usa la regola con l'ID)

C'è un modo di risolverli o devo provare con un altro componente per Menu?

Grazie di nuovo!

[Mich24]

Qualcuno può darmi qualche suggerimento?
Graaaaazie! 

[Mich24]

Ok problema numero 2) risolto. Ho installato il componente extended menu e definito il css

Codice: [Seleziona]

ul li a#active_menu{
color: #FF0000;
}
Così c'è sempre una sola voce di menu in rosso.


Mi rimane però il problema 1): vorrei che la voce del menu orizzontale rimane in rosso anche quando selezione una voce del menu verticale

Qualcuno ha qualche idea?

Grazie.

[tonicopi]

Il menu verticale deve essere un sotto menù di quello orizzontale... 

[Mich24]

nel senso che devo fare un solo menu?

[tonicopi]

nel senso che devo fare un solo menu?

Esatto. Un solo menù distribuito ovviamente su diversi moduli per ottenere questo effetto:
http://www.fcivicenza.com
su campionati e gare... 

[Mich24]

argh grazie sapere questa cosa prima mi avrebbe semplificato la vita di molto! 

ho creato il menu come dici ma ancora non capisco come fanno a essere "colorate" due voci nello stesso momento: in fondo la voce marcata come "menu_active" è sempre e solo una... cosa mi sfugge?

[Mich24]

scusa ma da me non risolve il problema. La voce di menu identificata come attiva (tramite l'id "current" oppure "menu_active" a dipendenza del tipo di menu che uso) è sempre una sola.

Quindi sono al punto di partenza...

[horizon80]

Ho lo stesso problema, un menu orizzontale dove ho le voci principali ed un menu laterale dove ho delle voci secondarie. Vorrei fare in modo che cliccando nel menu laterale rimanesse evidenziata anche la voce nel menu principale orizzontale. Il parametro #current mi attiva la voce del menu orizzontale oppure verticale ma non entrambe. Il menu verticale è un sottomenu del menu orizzontale ed infatti i breadcrumbs sono esatti segnandomi "home -> voce menu orizzontale -> voce menu verticale"... Chiedo aiuto ai guru del forum

[tonicopi]

Link al sito, please...