[RISOLTO] top menu con bottoni-immagini

[mcgyver2005]

ciao a tutti spero possiate aiutarmi
Ho provato a leggere nel forum, ma non ho trovato ciò che fa al caso mio.
In pratica avrei bisogno che nel top menu ci fossero 5/6 immagini che mi possano essere cliccabili ad un sito esterno. Come faccio??? Mi ci sto perdendo, ma lo so che è una stupidata....
mi aiutate per favore?
grazie

[adottauncane]

Ciao mcgyver2005,
vedi se l'articolo di tonicopi può esserti d'aiuto...
http://www.joomla.it/articoli-della-community/877-inserire-immagini-nel-menu.html
se invece vuoi immagini grandi e cliccabili, bisognerà fare in altro modo. Nel qual caso serve qualche dettaglio in più e un link al sito.

[mcgyver2005]

Avevo già letto l'articolo, ma avrei bisogno dei link cliccabili
Il sito è www.robertonardella.com

Nel TOP MENU' vorrei mettere le immagini cliccabili ai collegamenti che ora sono delle scritte...

[adottauncane]

Prova a fare così: entra nella Voce di menù che vuoi abbia l'immagine e in Parametri - Sistema - Immagine menu - scegli l'immagine dalla tendina. Per inserire le tue immagini nella cartella visualizzata da quella tendina devi metterle nella cartella images/stories della root. Le immagini devono essere della misura che ti interessa.
Poi potresti anche provare questa estensione, ebentualmente:
http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/image-menus/3675
     

[mcgyver2005]

Avevo già provato la soluzione che hai proposto tu, ma ho un problema:
se scelgo come TIPO: URL

e poi come ASPETTO metto LINK ESTERNO

Mi esce l'immagine, ma non è cliccabile e il link rimane accanto alla stessa (un po' come accade nel primo link che avevi messo)

Se invece scelgo "Link web » Link web / Modulo" mi escono i parametri che dici tu, ma comunque non ho la possibilità di fare il collegamento...

Perciò non ho capito come si fa...

L'estensione che mi avevi proposto invece non l'ho utilizzata

[adottauncane]

Già... prova il modulo che ti ho segnalato, io lo sto testando e dovrebbe funzionare... È molto intuitivo.

[adottauncane]

Dovrebbe essere così:
fai come hai fatto ora mettendo il titolo normalmente al link esterno. Scegli la foto come hai già fatto e utilizzi quel modulo per pubblicare il menù. Appare solo l'immagine e non il link testuale.

[mcgyver2005]

non ho ben capito come funzionasse il modulo ma ora seguendo questa guida
http://www.joomlacsszengarden.com/index.php?option=com_content&view=article&id=55:inserire-icone-nel-menu-di-joomla&catid=35:articoli-di-tonicopi&Itemid=58
sono riuscito nel mio intento (Almeno credo)

Spero di non aver infranto le regole se ok metto RISOLTO nell'oggetto

[adottauncane]

No, non hai infranto nessuna regola 
L'articolo di tonicopi che hai trovato è lo stesso che ti avevo postato io... 

Il modulo che ti ho suggerito in realtà non fa nulla di più che togliere il link testuale dai bottoni come il tuo (Radio 24) e non devi fare altro che utilizzare questo modulo per pubblicare il menù che vuoi anziché il modulo mod_mainmenu. In pratica tu assegni dalla gestione menù l'immagine alla voce di menù (come hai già fatto). Lasci tutto come faresti normalmente e poi pubblichi utilizzando il modulo in questione.
Comunque se hai risolto diversamente meglio ancora... (un modulo in meno... )
Buona lavoro e metti pure RISOLTO se hai risolto...
Ciao

[mcgyver2005]

Ho risolto però prima di mettere RISOLTO definitivamente vorrei capire come si fa a dare un po' di spazio alle immagini anzichè averle una appiccicata all'altra come appaiono ora e come fare ad allineare l'ultima immagine a destra...

[adottauncane]

Ho visto che hai già allineato l'ultimo bottone... Per lasciare un po' di spazio prova a fare le immagini con un pezzetto di fondo sulla destra (5px ad esempio) trasparente.

[mcgyver2005]

Non posso usare il comando:

Vspace? Solo che non ho capito dove vado a inserirlo visto che non è una singola pagina html ma sono delle cose slegate....

[adottauncane]

Devi agire sul file template.css. non ci sono pagine html...
Prova così:
template_css.css (riga 116)

Codice: [Seleziona]

img  {
.
.
.

margin-left:5px; <---- aggiungi questo
}
solo che agirà su tutte le immagini inserite.
Nel caso non ti importi, devi anche correggere qui:
template_css.css (riga 53)

Codice: [Seleziona]

#menu li {
display:inline;
margin-left:7px; <---- metti 0
}

Oppure fai le immagini con 10px a sinistra trasparenti... 

[mcgyver2005]

Ho provato a farlo dal template ma non ci sono riuscito perciò...
Bordo destro nero e tutto ok

[adottauncane]

Bene. 
Il [RISOLTO] va davanti al titolo del primo post. Fatto io adesso. Per la prossima volta...
Ciao e buon lavoro.