Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Mich24 30 Apr 2010, 11:05:07

: Cambiare stile alla voce di menu attivo
: Mich24 30 Apr 2010, 11:05:07
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!
: Re:Cambiare stile alla voce di menu attivo
: floyd1616 30 Apr 2010, 11:56:25
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
: Re:Cambiare stile alla voce di menu attivo
: Mich24 30 Apr 2010, 13:11:11
ah ok grazie mille.

il mio menu è così:

:
<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:

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

ma non funziona. Cosa sbaglio?
: Re:Cambiare stile alla voce di menu attivo
: floyd1616 30 Apr 2010, 16:49:03
ciao,
non vorrei che tu abbia qualche altro elemento con #current

onde evitare... prova in questo modo:

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

Floyd
: Re:Cambiare stile alla voce di menu attivo
: Mich24 03 May 2010, 09:59:17
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!
: Re:Cambiare stile alla voce di menu attivo
: Mich24 06 May 2010, 16:30:31
Qualcuno può darmi qualche suggerimento?
Graaaaazie!  ::)
: Re:Cambiare stile alla voce di menu attivo
: Mich24 07 May 2010, 15:26:42
Ok problema numero 2) risolto. Ho installato il componente extended menu e definito il css

:
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.
: Re:Cambiare stile alla voce di menu attivo
: tonicopi 07 May 2010, 15:28:49
Il menu verticale deve essere un sotto menù di quello orizzontale...  ;)
: Re:Cambiare stile alla voce di menu attivo
: Mich24 07 May 2010, 15:36:32
nel senso che devo fare un solo menu?
: Re:Cambiare stile alla voce di menu attivo
: tonicopi 07 May 2010, 15:43:02
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...  ;)
: Re:Cambiare stile alla voce di menu attivo
: Mich24 07 May 2010, 15:56:19
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?
: Re:Cambiare stile alla voce di menu attivo
: Mich24 10 May 2010, 09:02:05
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...
: Re:Cambiare stile alla voce di menu attivo
: horizon80 16 Jun 2010, 13:21:08
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 :)
: Re:Cambiare stile alla voce di menu attivo
: tonicopi 16 Jun 2010, 13:55:19
Link al sito, please...  ;)