In csszengarden.com i migliori web designer del mondo hanno dimostrato che si possono ottenere dei bellissimi template diversissimi uno dall'altro con il semplice uso dei fogli di stile. Questo sito vuol dimostrare che altrettanto è possibile fare adattandoli a Joomla!

Venerdi, 24 novembre 2017
 
Home Articoli Inserire Icone o immagini nel menù di Joomla!
Inserire Icone o immagini nel menù di Joomla!

Sono in molti a non sapere che Joomla! ci offre la .clearfix:after{visibility: hidden;display:block;font-size: 0;content: " ";clear: both;height:0} possibilità di inserire immagini nei nostri menù! Vogliamo magari abbellire o personalizzare il nostro menù mettendoci 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 * html .clearfix{zoom:1} ricerca delle icone e compreso il tempo per la *:first-child+html .clearfix{zoom:1} scrittura di 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 body{font:normal 12px Arial, Helvetica, sans-serif; background:url(http://i2.cdn-image.com/__media__/pics/8243/bg.gif)} 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! 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 .brradius{border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px} finestrella del "Suffisso classe CSS modulo". Ciò se vuoi far apparire quella gradevole e