Inserire immagini nel menù

Menù con ICONE

A quanto vedo nel forum, sono in molti a non conoscere questa possibilità offertaci da Joomla!icona menù
Vogliamo magari abbellire o personalizzare il nostro menù inserendoci delle icone ma non sappiamo come fare perchè ci sembra davvero troppo complicato mettere mano ai css. Ebbene, dovete sapere che potrete ottenere questo operando soltanto da pannello di controllo. Io ci ho messo meno di un'ora, facendo la ricerca delle icone e compreso il tempo per scrivere questo articolo.
Vediamo come.

Per prima cosa ci dobbiamo procurare le icone che ci servono. O disegnandole da noi oppure cercandole nel web dove se ne trovano davvero tantissime. Per fare questo articolo io le ho scaricate da qui:
http://www.sizzlesites.com/html/icons2.html
Una volta che ti sei fatto o hai trovato le icone adatte dovrai inserirle via ftp nella cartella images/stories.
Quindi vai sulla gestione menu, apri il menù che vuoi modificare e quindi la voce di menù dove vuoi inserire l' immagine. Sui parametri a destra devi cliccare su "Parametri di sistema" e selezionare la tua immagine (che avevi messo in precedenza nella cartella stories, ricordi?) dal menù a tendina della voce immagini menù.

Poi vai su gestione moduli, apri il modulo interessato, sulla destra clicchi su "altri parametri" e sulla prima voce spunti il si su mostra immagini menù.

E' tutto! Come per incanto le immagini appariranno nel vostro menù rendendolo più vivace ed originale!
menù con icone
Ecco qui come apparirà il menù di uno dei template di default presenti in Joomla: il rhuk_milkyway.

Altri due piccoli settaggi sono stati fatti per aggiustare il tiro:

- sempre nei parametri del modulo a destra ho settato su "Legacy - Verticale" in luogo del predefinito "Lista". Ciò per togliere i pallini rotondi che erano inutili e antiestetici, dopo aver inserito le immagini;

- nei parametri avanzati del modulo va scritto _menu dentro la finestrella del "Suffisso classe CSS modulo". Ciò se vuoi far apparire quella gradevole e graziosa cornice dai bordi arrotondati, caratteristica di questo template.

Può essere che abbiate bisogno di altri piccoli aggiustamenti in altri template e magari ne parliamo nel forum. Ma la strada mi sembra indicata e assai facile da percorrere. Questo è Joomla!
 
Può anche accadere, non è il caso del rhuk_milkyway, che le immagini abbiano una antipatica cornice (su explorer addirittura blu) che non c'azzecca coi colori del template. Quella la puoi togliere  con un piccolissimo intervento aggiungendo questo codice nel file css del template:
a img {
    border:none;}


Articolo scritto da tonicopi - Joomla Css Zen Garden
CommentaCommenta questo articolo sul forum