Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : lup0z 14 Jul 2009, 19:32:17
-
Ciao a tutti!
Ho necessità di spsotare il menu principale sotto l'header; più precisamente tra l'header e il container.
Ho creato una nuova posizione e ho assegnato il menu principale a questa posizione precisando anche l'allineamento orizzontale.
L'unico problema è che le voci del menu, appaiono tutte sottolineate e attaccate tra loro, mentre io vorrei uan cosa più strutturata e carina (magari utilizzando le liste ul).
E' sicuramente un problema di css, solo che non so come catturare le voci per realizzare questo menu.
Come posso fare?
Grazie!
-
Posso anche mettere uno screen per far capire com'è la situazione ora, se volete!
-
Il problema è che mettendo legacy: orizzontale nel main menù, le voci del menu si "attaccano" tra loro, hanno uno stile praticamente nullo; solo testo sottolineato.
Io avrei bisogno di modificare lo stile di ogni voce, per renderlo più visibile e carino, ma non so proprio come fare.
Ho provato a vedere con Firebug per capire dove mettere le mani, ma essendo le voci dinamiche, è un bel problema.
-
Quando attivi lo stile orizzontale, vai in "altri parametri" del modulo, troverai delle caselle, SPAZIO e fine spazio, quelle ti servono per dividere le voce dei menu. (con simbolo, spazio, ecc ecc)
-
Ed è già qualcosa :D
Ma per dare un foglio stile? Dato che comunque presumo sia una lista di tipo <ul>
-
Bisogna crearselo o stile lup0z.
Qui puoi seguire un piccolissimo tutorial per creare un top menù. Anche se in inglese mi sembra molto intuitivo ;)
http://www.howtomambo.com/articles-joomla!-joomla-template-kits-tutorials-adding-a-tab-menu-50.html
-
Interessante e utilissimo il link.
Unico problema rimasto è che c'è quel maledetto puntino della lista che non riesco a toglierlo -.-
EDIT: ho risolto mettendo mano su template.css:
ul li {
padding-left: 2px; /* 30px */
background: url(../images/bullet.gif) no-repeat 18px 8px;
line-height: 180%;
}
Commentando la riga del background, elimino il pallino.