Tutorial menù a tendina in HTML e CSS3

Tutorial menù a tendina in HTML e CSS3

In questo tutorial vedremo come creare un menù a tendina utilizzando unicamente html e css3.

Un menù del genere, rispetto a un codice javascript o jQuery, risulterà più veloce e meno pesante da caricare. In più sarà piuttosto semplice da sviluppare.

Nella seconda parte del tutorial assegneremo sfumature e transizioni al menù per renderlo esteticamente più accattivante. Utilizzeremo i CSS3.

Codice completo da scaricare

Codice completo da scaricare

Commenti

5 risposte a “Tutorial menù a tendina in HTML e CSS3”

  1. Avatar Marco Geromin
    Marco Geromin

    Anche a me è stato utile seguire i suoi tutorial, pur non dovendomi laureare!

  2. Avatar Lucia
    Lucia

    Non ho capito: ma se volessi fare un sito responsive con gli aside a sx anziché a dx, è possibile?

  3. Avatar Laura
    Laura

    Ciao Francesca,
    ancora una volta grazie infinite per il tuo aiuto! Alla fine ho dovuto optare per un’altra soluzione perché quella, per la quale ti ho chiesto aiuto, non mi piaceva. Tengo a precisare che non avendo previsto a suo tempo lo spazio necessario nel sito, non ho trovato una collocazione adatta e corretta ed era questo che non mi piaceva e non il risultato di per sé del tuo codice!!!!!!!!!!!!!
    Comunque ho imparato una cosa cosa e, la prossima volta che farò un sito per la tesi, mi organizzo per tempo e gli faccio un po’ di spazio!!!!!!!!!!!!!!!!!!!
    Baci.
    Laura

  4. Avatar marzia gabello
    marzia gabello

    Scusa, come posso fare per iscrivermi ai RSS?

  5. Avatar Giuseppe
    Giuseppe

    Bel tutorial. Ma questo menù con quali browser è compatibile? Se il sito viene aperto con IE7 o IE8 si riescono a vedere i sotto menù?

    Grazie e complimenti

Rispondi a Lucia Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *