|
Home -> Manuali e Tutorials -> Guida CSS -> Cursori
Scarica il tutorial  | Stampa il tutorial  | Cerca nel sito 
CSS PER I CURSORI
Per cambiare l'aspetto del puntatore su una particolare pagina web e sostituirlo con gli altri puntatori predefiniti di Windows, l'elemento di stile da usare è cursor.
Valori ammessi sono:
- default (freccia normale)
- all-scroll (rombo con puntino centrale)
- crosshair (croce)
- col-resize (due barrette verticali con freccia orizzontale a due punte)
- row-resize (due barrette orizzontali con freccia verticale a due punte)
- hand (manina)
- no-drop (manina con cartello di divieto)
- not-allowed (cartello di divieto)
- text (barra verticale con barrette sopra e sotto)
- vertical-text (barra orizzontale con barrette a destra e sinistra)
- move (due frecce a doppia punta che si incrociano)
- e-resize (freccia orizzontale a due punte)
- ne-resize (freccia a due punte diagonale rivolta a nordest)
- nw-resize (freccia a due punte diagonale rivolta a nordovest)
- n-resize (freccia verticale a due punte)
- wait (clessidra)
- progress (freccia con clessidra)
- help (freccia con punto interrogativo)
Vediamo un esempio inserendo l'elemento di stile direttamente in BODY per assegnare il valore all'intera pagina:
<style type = "text/css">
BODY{ cursor: all-scroll }
</style>
|
| anteprima |
Si possono comunque usare anche cursori animati ( ".cur" o ".ani" ), ma saranno visibili soltanto a coloro che utilizzano Internet Explorer 6. I file ".cur" sono immagini a 24 bit, con un massimo di 256 colori in formato 16x16 o 32x32 pixels, mentre i file ".ani" sono le stesse immagini, ma montate in una sequenza di frames che ne determinano l'animazione.
Per applicare un cursore esterno al sistema dovremo utilizzare un valore espresso dalla stringa url ("percorso del file del cursore"):
<style type = "text/css">
BODY{ cursor: url("img/immagine.cur") }
</style>
|
| anteprima |
Torna su  | Indice Guida  | Pagina << 21 >>
|
