Revisione del primo esempio di css menu orizzontale dropdown.
Questa nuova versione, altro avere un sub livello extra, si adatta in larghezza al suo contenuto testo e i link rimangono selezionati man mano che si scende di livello.
{ 5 comments }
From the category archives:
CSS Menu
Dopo l’esempio del css news accordion in senso verticale, ecco un nuovo esempio di accordion nel senso orizzontale.
Questo esempio css, visualizza un elemento div in apertura e una serie di link che si aprono sullo stato hover orizzontalmente tipo slide. Ogni, link contiene più elementi ‘inline’:
- b: la voce del link
- img: l’immagine di sfondo
- em: lo sfondo semi trasparente (usando la proprietà css3 opacity) del relativo testo descrittivo
- span: il testo descrittivo relativo al link
{ 9 comments }
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.
{ 8 comments }
Free css menu basato sul tutorial Come creare un css menu drop down verticale di base su 3 livelli.
{ 4 comments }
Free CSS tab menu orizzontale che si abbassano sullo stato hover, pulsanti estendibile in larghezza in rapporto al suo contenuto e stato selezionato.
{ 4 comments }
Esempio css gratuito di un effetto accordion verticale che visualizza le informazioni completi di testo ed immagine quando si passa sopra i titoli con il mouse.
{ 12 comments }
Menu css verticale con prima lettera iniziale visibile in apertura e il resto del nome del link visibile sullo stato hover.
Continua a leggere >>
{ 1 comment }
Questa mappa d’Italia realizzata in css è una versione aggiornata postata un anno fa sul mio sito per renderla compatibile con Internet Explorer 6.
Questa mappa css d’Italia usa un immagine per ogni provincia posizionate in modo assoluto al pixel preciso per ricostruire la mappa d’Italia intera. La proprietà css opacity è usata sul stato hover dei link e rende visibile le informazione relative alla provincia scelta grazie alla proprietà display.
{ 24 comments }
Sempre un pò curiosa di rifare esempi flash puramente in css, ho ripreso l’idea della galleria flash chiamata Illusion creata da Flep.
Questa galleria css d’immagini riusa stesse immagine sia per le miniature in verticale (impostate come sfondo con la proprietà background) che per la loro visualizzazione completa sullo stato hover (elemento <img>) dei link con relativa descrizione (elemento <span>).
Questi 2 elementi sono nascosti inizialmente con il display:none; e resi visibile con il display:block; impostando un z-index superiore per ricoprire le miniature e posizionati in modo assoluto in relazione al <div> contenitore.
{ 10 comments }
Menu verticale con cambio di colore e freccia animata sul stato hover e stato selezionato
{ 6 comments }
Preview del menu css orizzontale:
Preview del menu css verticale:
Menu css bianco/nero in versione orizzontale e verticale con immagine visibile sul stato hover del pulsante.
Continua a leggere >>
{ 12 comments }
Menu css orizzontale con icon ridimensionati sul stato ‘over’ e posizionato a sinistra o destra con la proprietà css float.
Continua a leggere >>
{ 3 comments }
Menu css di tipo drop down orizzontale basato sul tutorial Come creare un menu css dropdown orizzontale di base.
Continua a leggere >>
{ 5 comments }
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.
Continua a leggere >>
{ 9 comments }
Menu css dropdown orizzontale che apre una seconda riga con sub-links
Questo menu a misura fissa è creato usando un lista di tipo non-ordinato e liste innestate per contenere i secondi links del menu giocando con la proprietà css visible per nascondere e fare apparire il sub-menu quando necessario. L’effetto ‘roll over’ dei pulsanti fa l’uso d’un unica immagine posizionata con la proprietà css background-position.
{ 15 comments }
