menu come questo ma verticale

[drummino^]

Ciao,
ho trovato questo bellisimo script per realizzare un menu
(http://javascript.html.it/demo/javas...12/esempio.htm)

il fatto è che a me servirebbe ma allineato verticalmente...

qualcuno sa dove posso trovarne uno (con simili caratteristiche al sopra-citato) ma dove le voci principali del menu non sono allineate orizzontalmente, ma verticalmente ?

grazie.

Jonathan

[essezeta]

l'esempio che indichi è strutturato con ul+li... per cui se procedi con qualche piccola modifica al css lo trasformi in verticale...

Spiando con firebug il css dell'esempio vedo due righe su cui dovrai sicuramente intervenire e già dovrebbe andare:
ul.menu li {position:relative; float:left; margin-right:2px}
qui levi il float...

ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
qui setti in position relative e levi il top



Comunque con un cerca su google ne trovi tantissimi...

prova:

menu + dropdown (+vertical)

ma anche

menu + accordion (+ vertical)



Infine, se vuoi un consiglio... prova questo: http://sandbox.leigeber.com/accordion/index.html
(non è proprio la stessa cosa, ma è leggerissimo e semplicissimo... io l'ho adattato per un mio progetto modificando il click con l'onmouseover e praticamente viene fuori come quello che indichi nella tua richiesta...)

ciao

[drummino^]

molto interessante anche questo che mi hai fatto vedere... davvero notevole!
Unica cosa, posso strutturarlo ad albero ?!

hai un esempio di come posso fare per "farlo" (scusa il gioco di parole) ad albero !?!?

grazie mille

RNFR

[essezeta]

posso strutturarlo ad albero ?!

quale? quello che ti ho consigliato io?
sì puoi...

hai un esempio di come posso fare per "farlo" (scusa il gioco di parole) ad albero !?!?

sì ce l'ho già... non te lo posto al volo perché è finito in archivio 2008, ma stasera o domani te lo posto... promesso (è anche molto breve)...

intanto vedi se ti pouò andare bene così... è una variante ulteriore...
http://sandbox.leigeber.com/flyout/flyout.html

[drummino^]

grazie mille.... te ne sarei molto grato.
a presto allora,
buona serata!

[essezeta]

ciao...
ho ritrovato la mia demo usata per un vecchio progetto...
la puoi visitare qui:
http://www.essezeta.org/help/forum/2...ion/index.html

Se fa al caso tuo scaricala pure...

Rispetto all'originale:
-nel markup c'è giusto un div che contiene ogni dd e dt specificandone il livello nell'alberatura con una classe: lev1, lev2 o lev3...

-poi nel css a queste classi setto un margine sinistro che aumenta al variare del sottolivello del menu...

Nota che cambiando il valore ",2," del .js che trovi in fondo nell'html decidi quale voce vuoi settare come inizialmente aperta...
ad esempio così la voce aperta è la terza (perché si parte da zero):
slider2.init("slider2",2,"open");

così è la seconda:
slider2.init("slider2",2,"open");

ecc...

infine ti ricordo di nuovo questa che nel mio scorso post forse non avevi letto eprché ho fatto modifica:
http://sandbox.leigeber.com/flyout/flyout.html