Print this page
Mercoledì, 01 Aprile 2015 23:47

Menu orizzontale

Rate this item
(0 votes)

Dopo aver descritto come fare un menu laterale con submenu a tendina mi sono accorto che questo in effetti prende un sacco di spazio sulla pagina, e che potrebbe essere più utile un menu orizzontale.

Mi sono accorto che non è affatto facile, anche usando lo stesso plugin già descritto....ma per fortuna se si smanetta un po alla fine si ottiene sempre qualcosa.

diciamo che probabilmente molto dipende dal fatto che sto usando un template particolare per joomla e non il classico protostar....

comunque ecco come ho fatto:

sono andato nella cartella templates/template-in-uso/css ex hoi cercato il file template.css

sono andato a cercare le righe che si riferivano al menu principale, nel mio caso chiamate #hornav e le ho copiate tutte

ho modificato la parola "hornav" in "hormenu" ed ho posto le positions, laddove ce ne fossero, da "absolute" a "relative" in modo che invece di presentarsi nella posizione fissa decisa dal designer del tmplate, la potessi mettere ovunque.

Ciò fatto ho creato un nuovo modulo del tipo "menu" assegnandogli il menu creato ad-hoc, e nelle opzioni avanzate gli ho dato come menu tag id hormenu, e pubblicandolo in una posizione definita.

A questo punto ho ottenuto il mio menu orizzontale, ma non ho potuto usare il plugin Smooth MenuMatic dato che il suo ID per i menu orizzontali è h-nav.

Ecco il barbatrucco! è bastato scrivere nella pagina di impostazioni del plugin che il ID tag a cui associare il plugin non è il default h-nav ma il MIO hormenu.

VOILA'!!!

Ora devo solo vedere come rendere questo menu o quello verticale sempre visibile mediante un modulo floating....

Read 2241 times Last modified on Lunedì, 20 Marzo 2017 10:22