Free CSS tab menu orizzontale che si abbassano sullo stato hover, pulsanti estendibile in larghezza in rapporto al suo contenuto e stato selezionato.
{ 2 comments }
Posts tagged as:
css esempi
- Template css natalizio 2 colonne
- Larghezza fissa 980px
- Validazione W3C XHTML Strict
- Provato con IE6+, FF2+, Opera9, Safari3, Chrome su Windows
{ 1 comment }
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 }
- Template css a 3 colonne
- 1 colonna fissa - 1 colonna fluida - 1 colonna fissa
- Larghezza minima di 940px
- Altezza minima di 100%
- Uso di proprietà CSS3 (angoli arrotondati visibile per utente FF e Safari)
- Validazione W3C XHTML Strict
- Provato con IE6+, FF2+, Opera9, Safari3, Chrome su Windows
{ 4 comments }
Menu verticale con cambio di colore e freccia animata sul stato hover e stato selezionato
{ 3 comments }
Il contenuto di una pagina è piazzato dentro ’scatole’ chiamate in inglese ‘boxes’.
Queste scatole possono a loro torno contenere altre ‘boxes’ che siano elementi di blocco o online.
Questi blocchi altro il contenuto stesso possono essere costituiti di margine (margin), spazi cuscinetti (padding) e bordi (border) gestiti dalle seguente regole css:
- margin: il spazio trasparente tra il box e altri box in unità di misura o percentuale
- padding: il spazio tra il contenuto e il bordo del box in unità di misura o percentuale
- border: il bordo decorativo attorno il box in unità di misura o percentuale
NB: margin, padding e border possono essere specificate individualmente a destra, sinistra, inferiore e superiore con l’aggiunto di right, left, top o bottom (es: margin-top, padding-left, border-bottom…)
Il contenuto stesso può avere una larghezza e/o altezza specifica con:
- width: la larghezza in unità di misura (fisso) o percentuale (fluido)
- height: l’altezza in unità di misura (fisso) o percentuale (fluido)
Il nostro box può finalmente avere uno sfondo decorativo con la proprietà css background.
Il tutto insieme costituisce il ‘box model’ come rappresentato di seguito:
{ 0 comments }
- Layout a 2 colonne
- Colonna sinistra a misura fissa
- Colonna destra fluida
- Larghezza minima 900px
- XHTML Strict - Validazione W3C
- Provato su IE6/7, Firefox, Safari, Opera
{ 4 comments }
Menu css di tipo drop down orizzontale basato sul tutorial Come creare un menu css dropdown orizzontale di base.
Continua a leggere >>
{ 0 comments }
In questo tutorial, vediamo come creare un menu css dropdown orizzontale di base usando liste non ordinate e liste innestate.
Userò la proprietà css visibility per nascondere i sub item del menu e renderli visibile sullo stato :hover.
Il menu css funziona per i maggiori browser di recente edizione.
Alla fine dell’ articolo, spiegherò come farlo funzionare anche per Internet Explorer 6.
Inizio con la marcatura html di base che consista in una lista non ordinata contenendo lei stessa un’ altra lista per i sub elementi:
Continua a leggere >>
{ 8 comments }
- Template css basato sul tutorial Creare un layout
per un sito internet con Photoshop CS3 - LARGHEZZA FISSA 850PX
- VALIDITA W3C XHTML STRICT
- COMPATIBILITA IE6, IE7, FIREFOX, OPERA, SAFARI
{ 3 comments }
- LARGHEZZA FISSA 650PX
- COLORE: SCURO
- VALIDITA W3C XHTML STRICT
- COMPATIBILITA IE6, IE7, FIREFOX, OPERA, SAFARI
{ 1 comment }
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 >>
{ 5 comments }
- LARGHEZZA FISSA 900PX
- 3 COLORE DISPONIBILE
- VALIDITA W3C XHTML STRICT
- COMPATIBILITA IE6, IE7, FIREFOX, OPERA, SAFARI
{ 6 comments }
