Chi pensa che un CMS non possa avere un design gradevole ed originale non conosce Joomla! Qualsiasi template può essere adattato e fatto funzionare con Joomla!

Inserire Icone o immagini nel menù di Joomla!

Sono in molti a non sapere che Joomla! ci offre la 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 ricerca delle icone e compreso il tempo per la 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 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 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;}.

Qualcuno ha trovato difficoltà a staccare le immagini dai link. Una soluzione molto rapida ed infallibile consiste nel far apparire l'immagine apparentemente staccata dal link semplicemente facendola un pochino più grande del necessario su sfondo trasparente o dello stesso colore dello sfondo del modulo.

Se hai bisogno di approfondire questo articolo vieni nel forum apposito

tonicopi

Commenti

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.
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
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
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
con Joomla! mi diverto molto. Ma perchè sei così incazzato da perdere tempo a dare degli stupidi agli altri? Hai problemi con le ragazze?
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
It's inspiring. Thanks for the share!
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
Excellent read, I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I found it for him smile So let me rephrase that: Thanks for lunch
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
La guida è molto utile per chi è agli inizi...non vedo il motivo di litigare..
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar tonicopi
0
 
 
@emanuele
Io non mi atteggio affatto a superesperto Emanuele. Tutt'altro. Sono consapevole dei miei limiti e con Joomla! mi diverto molto. Ma perchè sei così incazzato da perdere tempo a dare degli stupidi agli altri? Hai problemi con le ragazze?
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar Emanuele
0
 
 
@ tonicopi
Ma perchè ti atteggi a superesperto quando invece non capisci un cazzo?
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar infoprodotti
0
 
 
Ottimo...meno male che ho trovato questa pagina
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar fabio
0
 
 
grazie mi hai salvato la vita
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar Andrea
0
 
 
ciao! ho inserito un'immagine nel menu, ma mentre con lo stile "lista" mi permette di cliccarci sopra, con lo stile "legacy verticale" no!! come mai? per entrambe ho le stesse impostazioni :( mi sai dare una dritta?
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar tonicopi
0
 
 
Non saprei che dirti. Probabilmente lo stile legacy verticale non prevede che le immagini siano links
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar BB Firenze
0
 
 
Bellissimo grazie del consiglio efficace
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar Nicol
0
 
 
Volevo ringraziarti per l'articolo, Ottimo funziona....
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar Andrea
+1
 
 
Ciao !!! io vorrei fare una cosa credo simile ma non ci riesco:
vorrei inserire un immagine di sfondo nel template. Non però nolla parte body ma nella parte dove ci sono i menu e i vari articoli.
Vorrei un'immagine che possa restare sempre sotto ma non nel body.
Sai come si fa ???

GRAZIE MILLEEEE !!!!

Andrea
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar daniele
+1
 
 
ho seguito le tue istruzioni ma le icone mi vengono visualizzate in un rigo sopra, cosa devo impostare per avere le icone il linea orizzontale con il menu ?. Grazie
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar tonicopi
+3
 
 
Lo hai fatto nello stesso template dell'esempio? Probabilmente no. Allora servirebbe un link al sito per poterti aiutare.
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar mauddt
0
 
 
ok per l'immagine nel menu ma se l'iconcina la volessi mettere al menu' principale? Li non ce' la voce immagine.. e' un modulo nessuna idea?
Grazie mille
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
avatar tonicopi
0
 
 
Ciao mauddt, certo che puoi inserire icone anche nel menù principale, che non differisce affatto dagli altri menù
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
This was all very interesting! A challenge to my linguistics for sure.
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento
Cancella
B
i
u
Quote
Code
List
List item
URL
Nome *
Inserisci l'e-mail per la verifica
URL
Code   
ChronoComments by Joomla Professional Solutions
Invia commento