Back to top

Autore Topic: [RISOLTO]: Menu principale sotto l'header  (Letto 2397 volte)

Offline lup0z

  • Nuovo arrivato
  • *
  • Post: 31
    • Mostra profilo
[RISOLTO]: Menu principale sotto l'header
« il: 14 Lug 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!
« Ultima modifica: 16 Lug 2009, 17:05:56 da lup0z »

Offline lup0z

  • Nuovo arrivato
  • *
  • Post: 31
    • Mostra profilo
Re:Menu principale sotto l'header
« Risposta #1 il: 15 Lug 2009, 11:14:42 »
Posso anche mettere uno screen per far capire com'è la situazione ora, se volete!

Offline lup0z

  • Nuovo arrivato
  • *
  • Post: 31
    • Mostra profilo
Re:Menu principale sotto l'header
« Risposta #2 il: 16 Lug 2009, 13:00:31 »
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.

Offline ramses_2th

  • Global Moderator
  • Instancabile
  • *****
  • Post: 4067
  • Sesso: Maschio
    • Mostra profilo
Re:Menu principale sotto l'header
« Risposta #3 il: 16 Lug 2009, 13:27:29 »
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)
« Ultima modifica: 16 Lug 2009, 13:41:12 da ramses_2th »

Offline lup0z

  • Nuovo arrivato
  • *
  • Post: 31
    • Mostra profilo
Re:Menu principale sotto l'header
« Risposta #4 il: 16 Lug 2009, 14:27:05 »
Ed è già qualcosa :D
Ma per dare un foglio stile? Dato che comunque presumo sia una lista di tipo <ul>

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Menu principale sotto l'header
« Risposta #5 il: 16 Lug 2009, 14:59:07 »
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
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline lup0z

  • Nuovo arrivato
  • *
  • Post: 31
    • Mostra profilo
Re:Menu principale sotto l'header
« Risposta #6 il: 16 Lug 2009, 16:52:31 »
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:
Codice: [Seleziona]
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.
« Ultima modifica: 16 Lug 2009, 17:05:36 da lup0z »

 



Web Design Bolzano Kreatif