Mercoledì, 01 Aprile 2015 23:47

Menu orizzontale

Written by
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 1774 times Last modified on Lunedì, 20 Marzo 2017 10:22
More in this category: « Scroll Menu laterale »

Aggiungi commento


Codice di sicurezza
Aggiorna

Annuncio pubblicitario by google

Questo sito utilizza cookies per amministrare autenticazioni, navigazione, statistiche di accesso e/o altre funzioni. Continuando la navigazione nel sito acconsentite che questi tipi di cookie vengano memorizzati nel vostro dispositivo.

Visualizzare la Politica sui Cookies

Visualizzare il Documento della Direttiva sulla e-Privacy

Avete Rifiutato i cookies. Questa decisione puo'essere modificata.

Avete acconsentito all'uso dei cookies. Questa decisione puo' essere modificata.