Fissare un’immagine in un angolo con i CSS

30 01 2008

Avete creato il vostro badge col sito che vi ho detto ieri? Sii? Bene, allora oggi vediamo come grazie ai CSS possiamo impostarlo ad un angolo della pagina..
Nel nostro file HTML oppure nel file esterno CSS create una nuovo id e inserite questo codice:
#angolo{
float: left;
position: fixed;
left: 0px;
top: 0px;
z-index: 100;
}

Ora attribuite all’immagine che preferite l’id #angolo.
Ecco fatto! Ora avrete la vostra immagine fissa in alto a sinistra anche in caso di scroll.
Guarda l’esempio!!

Questo codice l’ho testato con Safari Opera e Firefox su Mac e con Firefox e IE su winzozz ehm.. scusate windows
Attenzione il comando FIXED non viene supportato da IE 6 e versioni precedenti.
Ecco un altro motivo per abbandonare IE e passare a Firefox o ad Opera.

noie.png


Azioni

Information

4 responses

30 01 2008
Ste

Ke cazz’è quallo smile in alto a destra..nella parte grigia???ahhahaha

28 02 2008
iboi

Purtroppo ho notato che no funziona neanche sull’ipod touch e quindi presumo anche sull’iphone….😦

25 03 2008
Quick Ribbon - Creare facilmente ribbon per il tuo sito « iboi’s blog

[…] si trovano negli angoli delle pagine… Ne avevo parlato in uno dei miei primi post ricordate? QUI Potete scegliere colore del nastro, sfumature, font, caratteri etc etc alla fine vi da anche il […]

21 08 2008
3 Tutorial per creare Badge 2.0 con Photoshop « iboi’s blog

[…] inserire agli angoli delle pagine (il posto più indicato per dei badge) vi rimando a questo mio vecchio post Ma ora passiamo ai 3 tutorial… Badge in Stile IPhone creato da […]

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...




%d blogger cliccano Mi Piace per questo: