Porting di un sito Web su Joomla: come gestisco i menu Javascript?

Question

Sto effettuando il porting di un sito esistente su Joomla 1.5. I menu sul sito esistente utilizzano immagini di rollover e Javascript incorporato. Come posso rendere i menu uguali in Joomla e usare i menu Joomla, senza riscrivere il codice del menu?

Answer 1

Alla fine è stato piuttosto semplice. Joomla esegue il rendering dei menu come <UL><LI><A> tag. Tutto quello che dovevo fare era estrarre lo sfondo da una delle immagini del menu (sia nello stato selezionato che non selezionato), impostare un'immagine come sfondo in ciascuno degli stili nel CSS di Joomla e voilà, sembra quasi esattamente come il vecchio sito (meno un carattere leggermente diverso, poiché il testo non fa più parte dell'immagine).

Answer 2

Per mostrare una voce di menu come immagine, modifica la tua voce di menu e seleziona un'immagine sotto l'intestazione Parametri (Sistema) (questo elenco si popola automaticamente con le immagini nella cartella images / stories).

Dovrai anche impostare il modulo per il menu per visualizzare le immagini impostate. Vai a Estensioni & Gt; Moduli, quindi seleziona il modulo per il tuo menu (ad esempio, Menu principale). Da lì, selezionare Altri parametri e quindi impostare Mostra immagini menu e collegamento immagine menu su Sì.

I rollover saranno un po 'più complicati. Non sarai in grado di aggiungere JavaScript incorporato, ma potresti essere in grado di utilizzare JavaScript per trovare il tuo menu e assegnare i rollover a ciascun elemento. Joomla viene fornito con MooTools, oppure puoi usare jQuery se ti senti più a tuo agio con il colpo. Utilizza il campo ID tag menu in Parametri avanzati per assegnare al tuo menu ul elemento un ID HTML.