Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : ghanadar 15 Jul 2014, 10:10:50

: Menu a tendina a 3 livelli
: ghanadar 15 Jul 2014, 10:10:50

Ciao a tutti,


vorrei fare un sito abbastanza semplice collegando tutti gli articoli al menù principale che però dovrebbe avere una struttura a livelli.
Per esempio vorrei mettere una voce di menù "prodotti" che puntata col mouse apra una tendina con dei sottomenù (tipo gruppo1, gruppo2...), a sua volta il sottomenù deve mostrare dei sottomenù.


Menu Principale---Home
               |--Prodotti---Gruppo1
                          |--Gruppo2---Prodotto1
                                    |--Prodotto2
                                    |--Prodotto3

Fin qui non ho trovato problemi per creare la struttura, l'unica imperfezione è che per ogni voce di menù che ho creato, ho selezionato come tipo di voce "singolo articolo" e quindi ho dovuto creare delle pagine anche nei menù intermedi dove non mi servono.
Cosa dovrei scegliere come Tipo di voce di menu per creare un menu intermedio senza pagine collegate?

: Re:Menu a tendina a 3 livelli
: alessioa 18 Jul 2014, 13:41:52

Separatore testuale

: Re:Menu a tendina a 3 livelli
: ghanadar 21 Jul 2014, 10:23:51

@Alessioa


Grazie per la risposta.
Ho provato e funziona (ovviamente dirai tu ;) ).
Ora devo solo trovare come modificare font ed allineamento di questa voce di menu in modo che sia uguale alle altre.
Ora è più piccola e allineata più a destra nei menu.
Credo che questo sia però solo un dettaglio e con un pò di pazienza si possa trovare il settaggio nel CSS.


Ciao e grazie ancora. :)

: Re:Menu a tendina a 3 livelli
: tomtomeight 21 Jul 2014, 10:31:02

Prova anche tipo di voce link esterno e metti # come link

: Re:Menu a tendina a 3 livelli
: ghanadar 21 Jul 2014, 11:06:05

: tomtomeight  21 Jul 2014, 10:31:02

Prova anche tipo di voce link esterno e metti # come link

Provato, è ancora meglio! :)
Funziona bene e nei menu a tendina compare con lo stesso font delle altre voci. :) :) :)


Grazie 1000

: Re:Menu a tendina a 3 livelli
: alessioa 21 Jul 2014, 11:10:43

eh si perchè ti tiene la formattazione del tag a / li /ul però risulta comunque cliccabile e confonde l'utente, per cambiare l'aspetto del cursore puoi usare il css3 in questo modo :

dai una classe menu a tutti i separatori, per esempio "separator", poi al tuo css inserisci

:

.separator{
pointer-events: none;
cursor: default;
}


: Re:Menu a tendina a 3 livelli
: ghanadar 21 Jul 2014, 11:36:51

: alessioa  21 Jul 2014, 11:10:43

eh si perchè ti tiene la formattazione del tag a / li /ul però risulta comunque cliccabile e confonde l'utente, per cambiare l'aspetto del cursore puoi usare il css3 in questo modo :

dai una classe menu a tutti i separatori, per esempio "separator", poi al tuo css inserisci

:

.separator{
pointer-events: none;
cursor: default;
}


Benissimo! Per uno alle prime armi come me è molto utile avere delle soluzioni semplici.
Se mi mettevo da solo a cercare per tentativi, mi ci voleva un mese! ::)

Grazie ancora. ;D