Tab menu orizzontale - esempio 2

Monday 23 June 08 by Onsitus in CSS Menu

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 proprietà 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, 4,372 hits)

This article in english >>

9 commenti

Rimani aggiornato con il RSS Feed

{ 3 trackbacks }

[Photoshop CS3] Creare un menu di navigazione - Forum Flash CS3
06.23.08 at 09:09
[Photoshop CS3] Creating a navigation menu - Forum Flash CS3
06.23.08 at 09:12
Inserire Tab menu orizzontale - esempio 2 nell' Header di un layout - Forum Flash CS3 Flash CS4
12.02.08 at 17:41

{ 6 comments… read them below or add one }

Noizon 01.07.09 at 09:59

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!

Onsitus 01.08.09 at 10:24

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

zaza 10.22.09 at 22:08

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….:(

Onsitus 10.28.09 at 10:50

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

Angelo 11.19.09 at 11:38

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???

Onsitus 11.30.09 at 08:08

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

Scrivi un commento

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: Modulo CSS3 Web Fonts e proprietà @font-face

Next post: CSS DISPLAY: block, inline, none, inline-block, list-item, run-in, compact, table