Css menu gratuito – 13

Esempio gratuito di menu orizzontale realizzato puramente in css senza uso d’immagine con un sistema di tab che si aprono sullo stato hover dei pulsanti.
Css tab menu:
Provato su IE6+, Firefox2+, Safari3+, Opera9+
css_menu_13.zip (10.7 KiB, 14,928 hits)
Flep
Molto bello Gaelle !
Adele
Molto bello davvero, posso utilizzarlo citando la fonte?
Onsitus
Si, si!!!
Roby
grazie, mi piace, era proprio quello che stavo cercando.
feder
scusate ma come lo personalizzo?
Onsitus
Ciao Feder, dipende che vuoi fare. Puoi lavorare sul html per cambiare gli url o il css se vuoi cambiare i colori/misuri…
Tiz
Ciao molto bello ma se una volta attivata la selezione su quando, per ipotesi, volessi continuare a vederlo “alto”?
Onsitus
Ciao Tiz, in css potresti aggiungere una class a l’elemento che vuoi selezionato. Poi imposta a questa class le stesse regole css dello stato hover.
elektrojoke
Ciao complimenti per tutto il blog, e per l’articolo, mi farebbe piacere uno scambio link..cosi ti linko anche negli articoli che se vuoi posso ripubblicare sul mio blog col tuo link, mi farebbe piacere..un saluto grazie mille
piopo
ma come diamine si centra questo menu con il margin non va ?? aiutatemi!!
paul
ho creato tramite la vostra guida ul megamenu dropdown….ma non riesco a centrare….ho inserito il margin in auto….ma niente…..come mai?????
pikkio
carino il tuo menù complimenti. La cosa interessante per me, che mi affaccio su questo mondo dei css da pochissimo, sarebbe scoprire come tenerlo attivo sulla pagina desiderata cioè di grande dimensione( ad es. il pulsante home rimane selezionato sulla home e così tutti gli altri pulsanti nelle relative pagine di collegamento). E’ possibile impostare in questa modalità per tutti i pulsanti? un saluto
Highlander
Bello davvero, io non sono esperto sui css e non ho mai capito una cosa.
Si può dare una lunghezza fissa del menu, ad esempio 800 px e centrarlo?
alexmed
Ciao
Ho preso spunto per il mio sito e vi consiglio di implementare il menu con due righe di codice jQuery:
Per prima cosa bisogna eliminare la classe “#css_menu_13 li a:hover”
poi inserire nell’head queste quattro righe di codice:
$(document).ready(function(){
$(“#css_menu_13 li a”).hover(
function() {
$(this).stop().animate({ height: “110px”, marginTop: “0px”}, 500);
},
function() {
$(this).stop().animate({ height: “50px”, marginTop: “60px”}, 500);
});
});
Grazie e ciao
Donghi
Non c’ho capito nullaaaaaaaaaaaaaaaaaaaa… Da dove dovrei partire per fare tutto questo e creare il menù orizzontale?
gianluca
Ciao potrei sapere come posso creare con i css un pulsante che cambia colore gradualmente??
Grazie ciao
Flep
Ciao Gianluca, allora è possibile farlo con i CSS3 in questo modo
Per Firefox e Safari:
a {
-moz-transition: all 200ms ease-in 0s;
-webkit-transition-duration: .200s, .200s translate3d(0,0,0);
}