Joomla.it Forum
Forum traduzioni italiano => Le traduzioni e le informazioni della community => Articoli della community => : tonicopi 29 Jan 2009, 00:29:43
-
Ho scritto un piccolo articolo che sia di guida per inserire icone nei menų di Joomla!
Ciō perchč ho visto che viene spesso chiesto aiuto nel forum.
Magari poi si puō anche fare un articolo di approfondimento spiegando come ottenere effetti maggiori dalle immagini, rendendole cliccabili e modificabili con rollover :)
LINK: http://www.joomla.it/articoli-della-community/877-inserire-immagini-nel-menu.html
-
Vai, sono con te!
Buon lavoro!
-
si ma devi ridimensionarle andando ad intuito! vero? www.unangoloperme.com
-
Finalmente l'ho letto!
Bravo! ;)
Ho visto il link http://www.sizzlesites.com/html/icons2.html, potresti specificare che quelle sono icone per il cibo ma nelle altre pagine ci sono altre per contesti diversi. A parte che hai sottolineato che se ne trovavo tantissime.
In teoria basterebbe addirittura usare la ricerca di Google per le immagini di dimensione piccola.
-
si ma devi ridimensionarle andando ad intuito! vero? www.unangoloperme.com
Perchč a intuito? Misuri prima di quale dimensione hai bisogno :) Leggi questo:
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
-
Ciao,
un bel post ed un'ottima guida!
Recentemente ho installato un componente per rendere maggiormente visibile e comprensibile il top menų, mi restava da mettere mano al menų principale.....
Tanks
-
Grande tonicopi! :D
A dimostrazione che l'etā č solo un fattore anagrafico e che i neuroni non seguono le leggi di natura ;D ;D ;D
-
Bella e utile guida, io invece avrei bisogno di un passo successivo a questo...
Vorrei che l'icona comparisse soltanto al passaggio del mouse sopra al link del menų, e che rimanesse solo per la pagina attiva, il tutto senza spostare a destra il testo del menų.
Un po' come succede per il sito www.facebook.com quando si posiziona il mouse sopra la scritta FACEBOOK in alto a sinistra, in quel caso compare una casetta.
Grazie.
-
Ciao NightRider. Il tema da te proposto sarā oggetto di un prossimo articolo. Non č cosa molto difficile. Sembra a te che l'immagine venga aggiunta solo con il mouse over. In realtā č una sola immagine che viene utilizzata come rollover.
L'immagine č questa
http://b.static.ak.fbcdn.net/images/menubar/fb_menubar_logo-ltr.gif e viene chiamata con con questo codice:
#fb_menubar #fb_menubar_logo a span {
background:transparent url(/images/menubar/fb_menubar_logo-ltr.gif) no-repeat scroll 0 0;
display:block;
height:17px;
width:90px;
}il rollover viene ottenuto con questo codice :
#fb_menubar #fb_menubar_logo a:hover span {
background-position:left -17px;
}Per fare restare visibile la casetta anche sulla pagina attiva io aggiungerei questo:
#fb_menubar #fb_menubar_logo a:active span {
background-position:left -17px;
} ;)
-
Grazie tante!
Posso farti un appunto? Credo che a:active non funzioni in Firefox ma solo in Explorer...č possibile fare in modo che funzioni in tutti e 2 i browser?
Bisogna creare un file css apposta?
Grazie ancora!
-
Ciao tonicopi,
ho seguito le tue indicazioni ma senza ottenere i risultati sperati, se dal modulo menų principale spunto :immagini menų=si, la home appare completamente incasinata, mi appaiono le immagini sparse per la pagina, sono le immagini presenti nelle categorie,sezioni e articoli collegate/i al menų. La prima immagine l'ho assegnata da menų principale a home, la dimensione č 32x32 file.png.
Sapresti dirmi cosa ho mancato?
Grazie
-
Ciao tonicopi,
ho seguito le tue indicazioni ma senza ottenere i risultati sperati, se dal modulo menų principale spunto :immagini menų=si, la home appare completamente incasinata, mi appaiono le immagini sparse per la pagina, sono le immagini presenti nelle categorie,sezioni e articoli collegate/i al menų. La prima immagine l'ho assegnata da menų principale a home, la dimensione č 32x32 file.png.
Sapresti dirmi cosa ho mancato?
Grazie
E' davvero strano. Sai usando lo stesso template del mio articolo? Se č cosė credo che l'unica spiegazione stia nel fatto che sono state assegnate immagini troppo grandi a tutte le voci del mainmenų - Prova a controllare.
OT: bello il menų che hai nella posizione patway. Dove si trova?
-
Tonicopi, finalmente ho messo mano all'articolo seguendo le tue istruzioni. Mi č stato davvero utile. Adesso il menų ha finalmemte una caratterizzazione! Grazie per il tuo articolo...davvero ben fatto e direi molto chiaro.
L'unico incoveniente delle icone č che si rallenta un pō lo scorrimento del template...forse si č appesantito troppo?
Secondo te c'č un modo per alleggerire il tutto lasciando le icone cosė come sonoP
Se hai cinque minuti prova a entrare nel mio sito, cosė valuti la cosa direttamente. Ovvio senza impegno...
-
Tonicopi,
l'articolo č bellissimo e brillante (come sempre) ma provando a seguire le tue istruzioni sono incappata in un problemino, anzi, due:
1) se metto lista legacy (verticale) l'immagine non č pių linkata al contenuto (come invece accade di default con il settaggio lista)
2)come faccio a fare sparire la scritta del menų (per utilizzare quindi solo l'immagine)?
aggiungo questa che perō riguarda solo me:
3) non mi funziona con il template universatil :(((
-
@Pixel_73 scusa il ritardo nella risposta. Mi era scappato il tuo intervento. Direi che quelle piccole icone non rallentano nulla :)
@elenix ci si potrebbe lavorare attorno un pochino ma lo scopo di questo articolo era di inserire piccole icone nel menų e non di fare un menų ad immagini per il quale č meglio utilizzare questo modulo (http://download.joomla.it/index.php?option=com_docman&task=doc_details&gid=854&&Itemid=2)Ma vai nel forum e scaricati la versione migliorata. Scriverō presto la recensione di questo splendido moduletto :)
-
estremamente utile - grazie ! :D
-
Mi sto affacciando solo adesso a questo magnifico mondo di joomla e reputo la vs. partecipazione assolutamente eccezionale.
Ho provato ad inserire una icona aa una voce del Menu Principale; tutto ok tranne per la cornice che non riesco a togliere all'icona.
Ho aperto il file template.css nella cartella template/cafepapagei/css ( il tempalte che sto adoperando per fare delle prove) ed ho sostituito alla riga "border:0;" con "border:none;", ma purtroppo la cornice non scompare.
Un'ultima cosa; le cornici delle immagini son, per me, una persecuzione amche con l'editor testi "joomla FCK". Ma come faccio a far scomparire queste cornici.
Saluti e Grazie
RR
-
Ciao RenRic e benvenuto nel forum :)
Per togliere le cornici alle immagini nell'articolo č scritto:
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;}
Ora tu hai scritto questa regola nel tuo css?
Puoi mettere un link al sito?
:)
-
@tonicopi
Grazie per la utile guida, ma avrei una domanda:
le immagini vengono inserite correttamente, ma ho notato che non sono cliccabili, il link č presente solo sul testo.
Č possibile cambiare questo comportamento senza installare alcun componente aggiuntivo?
Grazie
-
Ciao matala e scusa per il ritardo ma sono stato in vacanza per una settimana. Dovresti settare su si la voce Link immagini menu su Altri parametrinel modulo del menų dove hai inserito le immagini. Ma a me in una prova veloce non funziona nel template Rhuk_Milkyway.
In ogni caso puoi utilizzare il modulo imagemenų per utilizzare immagini cliccabili:
http://www.joomla.it/articoli-della-community/931-menu-con-immagini-rollover.html
-
Salve, io vorrei invece l'effetto contrario, ovvero che le immagini non siano link ma solamente il testo affianco lo sia... ho impostato "no" su Altri parametri->Link immagini menu, ma non ottengo il risultato sperato... cosa mi consigli di fare?
-
Salve, io vorrei invece l'effetto contrario, ovvero che le immagini non siano link ma solamente il testo affianco lo sia... ho impostato "no" su Altri parametri->Link immagini menu, ma non ottengo il risultato sperato... cosa mi consigli di fare?
Ecco, io sia che imposti su no o su si, nel template Rhuk_Milkiway, le immagini non diventano link.
Tu che template usi?
-
ja_purity
-
Strano. Da me anche con purity le icone non diventano mai link...
-
Buongiorno,
grazie per l'articolo veramente interessante e utile.
Una domanda: sono riuscito a togliere i pallini di default dalle voci di menų, adesso vorrei perō eliminarli anche dalla lista delle categorie che viene visualizzata aprendo una sezione: č possibile anche qui eliminare il pallino e sostituirgli un'immagine diversa?
Grazie per l'aiuto e buon lavoro,
J
-
Vedi se ti puō essere utile:
http://forum.joomla.it/index.php/topic,59629.0.html
-
Salve, buongiorno.
Articolo molto utile.
Per cortesia, qualcuno puō dirmi come:
1) Centrare il testo rispetto all'altezza delle immagini
2) Usare un colore diverso per il font
Grazie
-
Ciao masgia e benvenuto nel forum :)
Puoi centrare le immagini e cambiare il colore ai font con apposite regole nel foglio di stile :)
-
sono riuscito a inserire l'icona nel menų, ma si servirebbero ora due cose:
1) lasciare solo l'icona togliendo il testo
2) far si che l'icona sia linkabile
Ciao e grazie.
-
A questo punto fai prima a farti un menų usando un modulo html personalizzato. Oppure usando questo:
http://www.joomla.it/articoli-della-community/931-menu-con-immagini-rollover.html ;)
-
Ciao tonicopi,
come sempre accezionali istruzioni e consigli.
Ho inserito delle piccole icone ai menu, ho trovato solo un incoveniente:
le icone sono ATTACCATE al testo-link.
Cosa si puō fare per distanziarle? Cioč mettere uno (o due, o pių) spazio tra icona e testo?
Ciao e buon lavoro.
-
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 ;)
-
Tante grazie tonicopi...
mi metto subito al lavoro.
-
Caro tonicopi,
ritorno alle icone nel menu distaccate.
Alla gestione moduli - menu principale c'č la voce: Mostra spazio bianco, in Parametri Avanzati.
Attivato: si
risultato: uno spazio bianco, quindi icone staccate.
Sempre vigile....
-
Fantastico giusep! Io finora avevo usato quello spazio solo per staccare le voci nei menų orizzontali. Non ci avevo pensato che sarebbe servito anche a mettere uno spazio tra icone e voce di menų. ::) Io amo questo forum dove ne imparo diverse al giorno.... :D
-
Caro tonicopi,
sono sempre io...
il tuo interessantissimo articolo ci aiuta come inserire le icone nei MENU, cosa che ho fatto.
Ci sarebbe un'altra cosa:
come si inseriscono le icone nei menu dei moduli di joomla?
Cioč in quei menu (credo li possiamo chiamare cosė) che si formano in automatico con i moduli, come per esempio "articoli pių letti" e "ulimime novitā" che non sono formati manualmente da noi.
Grazie per la tua attenzione e buon lavoro.
-
Cosė su due piedi non saprei. Credo si debba intervenire nel codice dei moduli... ???
-
perō, caro tonicopi, tu c'č l'hai!
Ho visto nel tuo sito zen garden che ci sono dei puntini...
salu-toni-copi
-
Dei puntini? :o Ho il menų col morbillo? ;D
-
Sono i punti delle UL ... credo...
nei menu Ultime notizie e I pių letti davanti a ogni voce c'č un puntino...
esteticamente č meglio del link "nudo"...
vorrei poterli fare anch'io cosė...
in attesa di trovare un metodo per le fraccette o altra piccola immagine.
Salu-toni
-
Ma quelli fai presto a farli comparire, talvolta anche solo togliendo il suffisso classe css modulo. Oppure mettendocelo e poi facendo l'opportuna regola.
La regola va applicata al tag ul ed č la
list-style:circle;
Mettici sopra firebug e divertiti a vedere in quanti modi possono apparire quei simboli. Poi c'č anche il modo di metterci una immagine certo... Facendo sparire il simbolo e applicando l'icona come background al li.
E poichč a ciascun tag li joomla attribuisce una classe, si potrebbe anche mettere una immagine per ciascun link...
Un lavoraccio perō... ;D
-
Caro tonicopi,
come sempre gentilissimo ed efficentissimo.
Sarebbe buono che joomla.it facesse una graduatoria sull'efficenza dei moderatori ;)... io sapreio a chi dare BUONISSIMO... vedendo gli altri post... non voglio aggiungere altro.
Ritornando ai miei problemi, credo ho incappato nel pių grave di tutti.
Allora, il lavoro al nuovo sito con joomla lo sto facendo su un host (server) che mi ospita il mio sito principale, di cui da la possibilitā di avere questo CMS.
Pensavo che terminato il lavoro potevo passare dal dominio primario a un nuovo mantenendo il data base, i file e tutto.
Mi dicono che questo non č possibile, perché l'indirizzo assoluto sarebbe diverso.
Capisco che non č il tipic giusto e forse non neanche inerente a questo forum.
In ogni caso l'ho buttato quė, approfittando della tua competenza, per un tuo consiglio.
Salutoni.
-
Si, siamo off topic qui. Ma non ci sono particolari problemi a spostare un sito Joomla!. Fallo per prova. sposti tutti i file via ftp. Poi esporti il tuo database e lo importi nel database nuovo. A questo punto cambi queste variabili nel file configuration.php:
var $host = 'nome_server_mysql';
var $user = 'utente_mysql';
var $password = 'password_database';
var $db = 'nome_database';
var $tmp_path = 'path_assoluto/tmp';
var $log_path = 'path_assoluto/logs';
;)
Io sposto sempre un mio sito anche in una cartella di transito in caso di trasferimento. Anche i backup gli voglio vedere belli funzionanti e frizzanti. Non mi fido di una cartella zippata... ;)
-
Beato te che fai tutto facile!
E' quasi tutto chiaro, solo non so come si sposta il database... come gli altri file e cartelle?
Devo prima trasferire il mio lavoro sul mio computer e poi sul nuovo server?
Quelli del server fanno le cose difficili...
potrebbero spostare loro il data base in modo che rimane lo stesso... cosa ne pensi?
Salutoni ;)
-
No per dialogare col database serve un programma. Quasi tutti utilizzano phpmyadmin. Con quello accedi al tuo database e clicchi su esporta. In quello nuovo su importa.
Potresti giā adesso fare una prova spostando il tuo sito in un hosting free per esempio. Cosė fai pratica... :)
Quanto a file e cartelle certo. prima li devi scaricare in locale e poi riuppare in remoto. Come ogni altra cosa del resto. Non facciamo la stessa cosa quando installiamo un modulo? ;)
-
Caro tonicopi,
mi rifaccio sentire per i famosi puntini nelle voci del menu.
Mi hai scritto Ma quelli fai presto a farli comparire, talvolta anche solo togliendo il suffisso classe css modulo. Oppure mettendocelo e poi facendo l'opportuna regola.
La regola va applicata al tag ul ed č la
list-style:circle;
Precisamente a quale file css ti riferisci?
In quale file devo manipolare?
A template, menus, layout o altro?
Ringraziando sempre...
Salutoni
-
Osservi con firebug giusep :)
Se dovessi togliere i puntini dai menų di sinistra nel template rhuk cercherei questa regola:
div.module_menu ul {
margin:10px 0;
padding-left:20px;
}nel file template.css e la cambierei cosė:
div.module_menu ul {
list-style:none;
margin:10px 0;
padding-left:20px;
} ;)
-
Caro tonicopi,
ho percepito e ricevuto il tuo messaggio.
Ho provato con Firebug, ma ancora non lo so usare, ho altrte cose pių importanti da sistemare e con questo programma in FIREFOX li potrei sistemare.
Ho scaricato il video di istruzione per l'uso, ma come sempre per problema di tempo ancora non l'ho visto.
Ho in qualche modo manipolato il css template, anche se non č precisamente come hai riportato, perché ho dovuto cambiare la voce del Li.
Solo che non so come ingrandire i puntini, con CIRCLE mi da dei piccoli puntini.
Mi daresti ancora una mano?
Grazie, gentile come sempre.
Salutoni.
-
Ciao Toni
ho trovato utilissima la tua guida su come inserire icone mei menu e direi che nel menų principale funzioni tutto. Il problema si fa evidente quando provo ad inserirle nel Top Menų. Non appaiono le icone e addirittura mi cambia l'estetica della voce di menu ( cambia il font rispetto a quello scelto dal template che ho fatto con xxxxxxxxxxxxxx). Ho notato che in nessuno degli interventi fai riferimento al Top Menu. Per caso li non si puō fare? Dove č il mio errore?
Grazie infinite
Alessandra
---------------
ilvanni - edit: rimossi riferimenti commerciali
-
@giusep: puoi mettere anche immagini al posto dei puntini utilizzando l'apposito codice
ul {
list-style-image: url("listArrow.gif");
}
@aleacolori: si che si possono mettere immagini anche nel top menų. Naturalmente bisogna vedere nel dettaglio per quale motivo non appare nel tuo ;)
-
Gent.mo tonicopi,
le tue direttive e consigli sono sempre efficenti e stanno contribuendo per una buona riuscita del mio sito.
Nel menu mostread (i pių letti) ho tolto i CIRCLE ed ho inserito le piccole icone, le stesse degli altri menu,
solo che la formattazione č diversa, č tutto spostato a sinistra, mentre gli altri sono centrati.
Puoi vedere tu stesso: http://www.periragazzi.net/
Di CSS (come anche di altro) non capisco molto, mi puoi dire, per favore, dove devo mettere mano?
Tante grazie.
Saluti.
-
Diavolo di un giusep ormai ce l'hai fatta :)
Prova con questa regola
div#left li.mostread {
margin:0 0 0 40px;
padding:0;
}Perō secondo me č meglio se sposti a sinistra di 20px gli altri togliendo questo:
div#left li {
margin:0 0 0 20px;
padding:0;
}
:)
-
Caro tonicopi,
come sempre grazie per i tuoi utili consigli e istruzioni, č veramente bello conoscere il CSS.
Ho allineato tutti i menu della colonna sinistra, come mi hai suggerito, ho mantenuto per tutti un piccolo margine.
Volevo sistemare anche il menu Latestnews (Ultimi inseriti) copiando
div#left li.latestnews {margin:0 0 0 15px;padding:0;}
ma non funziona, sembrava tutto molto semplice...
non prende in considerazione il comando nel CSS template...
č lo stesso dove ce il mostread.
Scusami se posso essere assillante, ma sei la mia speranza.
Salutoni e grazie.
-
Ehb eh ehe avevo giā visto quel moduletto sulla destra ;D
div#right ul {
list-style-type:none;
padding:8px;
} ;)
-
Fantastico!!!
Grazie tonicopi... il mago del CSS.
Sembra che ci sono template non completi in giro...
la prossima volta cercherō di stare pių attento.
Salutoni.
-
Perdonami Toni ma quali informazioni ti servono per "capire nel dettaglio" il mio proplema come mi dici nella risposta?
-
Aggiorno questo vecchio topic linkando al nuovo che ho aperto in proposito. Joomla 1.6 - template beez20
http://forum.joomla.it/index.php?topic=161824.0
Come posso piazzare le immagini sotto le voci di menu? Grazie :)