You Are Here: Home » CSS Menu » Tab menu orizzontale – esempio 2

Tab menu orizzontale – esempio 2

css tab menu preview

Nella sezione Photoshop è stato spiegato come creare un menu di navigazione.
Questo menu è stato alla sua volta convertito in Flash CS3.

Di seguito la mia versione del menu in CSS.

In più dello stato selezionato della versione Flash, ho aggiunto anche l’effetto sullo stato :hover con la propriethttp://www.videolan.org/ css background-position e ricreato i pulsanti con 3 immagine in maniera di rendere ogni uno estendibile in larghezza in rapporto al suo testo.

Il risultato:


Compatibile con IE6, IE7, Firefox, Safari, Opera.

  css-menu-esempio-2.zip (8.8 KiB, 8,297 hits)

This article in english >>

Sponsors of this article

About The Author

WebMaster

CEO e amministratore Network Flepstudio.org

Number of Entries : 85

Comments (15)

  • Noizon

    Ciao, io stò cercando di usare il tuo menù ma con scarsi risultati… riusciresti a darmi una mano? Inghippo è che lo vorrei mettere al rovescio… cioè che dall’ alto scende verso il basso, puoi darmi qualche dritta? Ti ringrazio anticipatamente!

    Reply
  • Onsitus

    Buongiorno,
    ho creato un nuovo esempio nel senso che vuoi te ;)
    http://css.flepstudio.org/css-menu/css-tab-menu-11.html

    Reply
  • zaza

    mi potresti dare direttamente i codici da inserire sono negato… xp… oppure una breve guida tutta in sieme?? xk sono arrivato al punto di mettere le immagini a:hover e non ci riesco….:(

    Reply
  • Onsitus

    C’è il zip file incluso con tutti i codici.

    Reply
  • Angelo

    Ciao Onistus, innanzitutto complimentoni per il tuo lavoro;)
    Anche io come Zaza sto avendo problemi, infatti non c’è il codice CSS nel file zip, ho provato a prenderlo con bugzilla, ma quando lo provo, mi vien fuori tutto sformattato…potresti postare la configurazione CSS please:)

    Grazie mille anticipatamente, mi faresti un grossissimo lavoro.
    PS è già  integrata la funzione che rimane attivo il menu selezionato???

    Reply
  • Onsitus

    Ciao Angelo, il css è integrato nel html e non in foglio di stile esterno.

    Reply
  • Red_dragon8

    Ciao Onsitus!Ach’io ho il problema nel ricavare il codice Htlm semplice dal file zip!Potresti darmi qualche indicazione?Perchè inserendo tutto non mi fa visualizzare nulla!

    Reply
  • ophtalmos

    Ciao onistus e complimenti, vorrei sapere se il menu è compatibile con joomla e, se si, come si fa ad integrarlo col cms
    ciao

    Reply
  • ophtalmos

    ma questo forum è morto?

    Reply
  • ophtalmos

    si…è morto ):

    Reply
  • Silvia

    Ciao! non riesco a visulizzare il codice html del menù orizzontale! come posso fare per ricavarlo??ti ringrazio!

    Reply

Leave a Comment

© 2012 Powered By Flepstudio.org

Scroll to top