Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : nik58 01 Aug 2011, 20:27:32
-
Ciao a tutti
premetto che ho appena iniziato a studiare joomla (con l'aiuto del manuale di Chimenti) con l'ntento (chissà se ci riuscirò !!!) di realizzare un mio sito di prova per poi lavorare alla realizzazione di siti per terzi.
Sto cercando di modificare il template Beez2: ho modificato l'intestazione, ho aggiunto due plugin senza curarmi al momento della posizione (anche perchè non ho capito bene come si faccia) ma quello che voglio assolutamente fare è mettere 4 foto in orizzontale sotto l'intestazione (position-2) con i relativi link che mi mandino ad altrettante pagine.
Quale modulo devo utilizzare e come faccio a posizionarli io orizzontale dato che se metto due moduli nella stessa posizione me li inserisce in verticale?
Se volete vedere l'embrione del sito: http://www.nicoguarini.it
Non vi arrabiate con me......ma come faccio???
Un saluto
-
Ciao nik58,
benvenuto nel forum :)
prova ad utilizzare il modulo HTML personalizzato inserendo lì le quattro immagini con il float:left ad ognuna. Puoi distanziarle con i margin oppure puoi inserirle dentro una tabella con larghezza 100% fatta di quattro celle su una riga.
-
Grazie adottauncane e scusa il ritardo nella risposta
ho fatto come mi hai detto e il risultato è questo: http://www.nicoguarini.it (le 4 stagioni)
Ho provato comunque a fare la stessa cosa creandomi un menù con 4 voci di menù e alle "opzioni tipo link" ho aggiunto una immagine menù diversa per ogni voce.
L'intento è creare un menù fotografico.
Però nel momento del posizionamento nelle varie position non trovo una disposizione orizzontale ma verticale (vedi il risultato online: menù i miei artisti preferiti)
Grazie e a presto
-
mmm, quindi con l'HTML funziona...
Anche se non ho capito molto la problematica, se vuoi allineare le voci del menù scrive questo css per gli item:
li#item-121 {float:left; margin-right: 20px !important; }
li#item-122 {float:left; margin-right: 20px !important; }
li#item-123 {float:left; margin-right: 20px !important; }
e poi aggiustali come ti servono...
Qui trovi una breve guida sul suffisso menù, magari ti può servire a scrivere un css completo e adatto:
http://www.joomla.it/articoli-della-community-16/5033-piccola-guida-alluso-del-suffisso-classe-css-menu.html