Commenti a: CSS – Menu a tendina (dropdown menu) a tre livelli

Di: Estate, e c’è ancora tanto da fare! | webquadro.it

Estate, e c’è ancora tanto da fare! | webquadro.it — Wed, 28 Jul 2010 10:02:19 +0000

[...] CSS – Menu a tendina (dropdown menu) a tre livelli [...]

Di: Maurizio Panese

Maurizio Panese — Fri, 16 Jul 2010 09:12:32 +0000

Scusami Marco ma mi ero “perso” il tuo commento

Non sono sicuro di aver capito cosa stai cercando di realizzare ma prova a dare un’occhiata a questo menù che ho proposto qualche mese fa:

http://www.webquadro.it/2010/03/semplice-menu-javascript-con-jquery/

Di: Marco

Marco — Mon, 12 Jul 2010 14:47:43 +0000

Eccomi qua!
Innanzitutto, come al solito, complimenti per l’ottimo lavoro svolto.
Mi domandavo dove andare a “mettere le mani” per rendere questo menu un “drop line”, di quel tipo cioe’ in cui basta fare “hover” su una voce della barra del menu per veder apparire la barra di secondo livello, posizionata sotto la barra di primo livello o anche al di sopra di essa.
In alternativa, potrei utilizzare anche questa stessa versione, purche’ pero’ le tendine andassero verso l’alto e non verso il basso.
Grazie, Marco.

Di: Cosimo

Cosimo — Tue, 15 Jun 2010 13:25:01 +0000

allora ti spiego…io ho impostato solo il primo sottomenu….quindi cancellando il “menu 1-2-1″ e tutti gli altri…ho modificato un po il css…xò quando provo a modificare quello li nn va, proprio nn riesco!! mi escono i sottomenu affianco nn più larghi!

Di: Maurizio Panese

Maurizio Panese — Tue, 15 Jun 2010 13:20:46 +0000

Si può fare ma diventa molto più complicato. Tutte le modifiche che uno può fare dipendono dalla conoscenza dei css.

Di: Cosimo

Cosimo — Tue, 15 Jun 2010 13:16:58 +0000

mmm si perfetto! ma se io vorrei lasciare il menu così come sta??? e magari solo allargare il sottomenu?? così facendo mi allarga tutto o no?

Di: Maurizio Panese

Maurizio Panese — Tue, 15 Jun 2010 13:13:39 +0000

devi modificare la proprietà width della classe “#menu li a”. I sotto menu andranno spostati di conseguenza agendo sulla proprietà left.

in pratica metti su tutti i left che trovi lo stesso valore che hai impostato per il width della classe che ti dicevo sopra. Ora sono tutti settati a 150px

Di: Cosimo

Cosimo — Tue, 15 Jun 2010 10:58:43 +0000

ciao!!
stra utile il tuo css! xò mi chiedevo, se ad esempio al posto di “menu 1-1″ ci voglio scrivere qualcosa di un po più lungo, come posso ridimensionare il menu a tendina?? perchè ho provato un pochino ma niente…mi si ferma a metà scritta…magari se si potrebbe allargare il box!

ancora bravissimo!!

Di: Maurizio Panese

Maurizio Panese — Thu, 10 Jun 2010 09:36:37 +0000

Il menu che propongo si basa su una struttura classica (le liste UL). Tutto il funzionamento è creato grazie agli stili applicati a questi elementi a prescindere da quanti sono.

Quindi hai bisogno di un sistema che generi il codice necessario in automatico senza problemi.

Nel tuo caso specifico un sito statico non sembra la soluzione migliore perché prevedi aggiornamenti frequento.

Ti conviene virare per qualche CMS (io consiglio sempre Wordpress) che sul medio lungo periodo ti permetterà di risparmiare un sacco di tempo.

Di: Andrea

Andrea — Wed, 09 Jun 2010 22:02:45 +0000

Ciao e scusa una domanda,
faccio l’esempio dei programmi di grafica: quando io inserisco un’immagine, per esempio in InDesign, questo mi crea un collegamento all’immagine; così se io modifico l’immagine, automaticamente indesign la aggiorna modificata. Io potrei fare lo stesso con il tuo menu a tendina (ossia genstirlo come file esterno modificandolo di volta in volta, aggiungeno o togliendo varie tendine, così da aggiornarsi automaticamente su tutte le pagine dove è inserito?)
Io userei il tuo menù per un sito di provini fotografici paesaggistici, e ogni volta che aggiungo una località dovrei andare a modificare tutti i menu di tutte le pagine… megli il suicidio.
Ti ringrazio