CURSORE PERSONALIZZATO

Per il puntatore normale bisogna aggiungere questo codice in Gestione codice Html (in cima al forum):


per inserire un cursore diverso relativo ai collegamenti, bisogna modificare il cursor: di a:link, a:hover, a:visited, a:active
esempio:


I vari tipi di cursore (il loro nome va messo dopo cursor: ):


<DIV STYLE="cursor: auto; font-size:16; font-family:arial"><B>Auto</B></DIV>
Il cursore viene definito in base alle impostazioni automatiche di default del browser<BR>
<DIV STYLE="cursor: auto; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV STYLE="cursor: crosshair; font-size:16; font-family:arial"><B>Crosshair</B></DIV>
Il browser visualizza il cursore con la classica croce (che potrebbe sembrare anche un mirino)<BR>
<DIV STYLE="cursor: crosshair; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: default; font-size:16; font-family:arial"><B>Default</B></DIV>
Il browser visualizza il puntatore sempre nella sua forma standard (solitamente una freccia rivolta verso l'alto a sinistra)<BR>
<DIV STYLE="cursor: default; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: pointer; font-size:16; font-family:arial"><B>Pointer</B></DIV>
Il cursore assume per tutto il documento la forma della mano.<BR>
<DIV STYLE="cursor: pointer; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: move; font-size:16; font-family:arial"><B>Move</B></DIV>
Il cursore assume la forma tipica degli elementi trascinati<BR>
<DIV STYLE="cursor: move; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: e-resize; font-size:16; font-family:arial"><B>e-resize</B></DIV>
Il cursore assume la forma di una freccia verso sinistra (tipicamente attivata quando si ridimensionano finestre o oggetti)<BR>
<DIV STYLE="cursor: e-resize; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: ne-resize; font-size:16; font-family:arial"><B>ne-resize</B></DIV>
Freccia di default rivolta in alto a destra<BR>
<DIV STYLE="cursor: ne-resize; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: nw-resize; font-size:16; font-family:arial"><B>nw-resize</B></DIV>
Freccia rivolta verso l'alto a sinistra (questo stile si differenzia da "default" visto in precedenza, perche' quest'ultimo assegna il cursore in base alle impostazione del browser, mentre quest'ultimo stabilisce tout court il cursore con freccia rivolta verso l'alto a sinistra, anche se le impostazione del browser sono differenti)<BR>
<DIV STYLE="cursor: nw-resize; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: n-resize; font-size:16; font-family:arial"><B>n-resize</B></DIV>
Freccia non-standard rivolta verso l'alto.<BR>
<DIV STYLE="cursor: n-resize; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>


<DIV CLASS="cursor" STYLE="cursor: se-resize; font-size:16; font-family:arial"><B>se-resize</B></DIV>
Freccia standard rivolta verso il basso a destra<BR>
<DIV STYLE="cursor: se-resize; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: sw-resize; font-size:16; font-family:arial"><B>sw-resize</B></DIV>
Freccia standard rivolta verso il basso a sinistra.<BR>
<DIV STYLE="cursor: sw-resize; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: s-resize; font-size:16; font-family:arial"><B>s-resize</B></DIV>
Freccia non-standard rivolta verso il basso.<BR>
<DIV STYLE="cursor: s-resize; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: w-resize; font-size:16; font-family:arial"><B>w-resize</B></DIV>
Freccia non-standard rivolta verso sinistra<BR>
<DIV STYLE="cursor: w-resize; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: text; font-size:16; font-family:arial"><B>text</B></DIV>
Al cursore viene assegnata la tipica forma della barra verticale che i browser impostano quando incontrano testo senza link o immagini.<BR>
<DIV STYLE="cursor: text; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: wait; font-size:16; font-family:arial"><B>wait</B></DIV>
Il classico cursore a forma di clessidra od orologio.<BR>
<DIV STYLE="cursor: wait; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV><BR>

<DIV CLASS="cursor" STYLE="cursor: help; font-size:16; font-family:arial"><B>help</B></DIV>
Il cursore a forma di punto interrogativo o fumetto, che solitamente indica la possibilita' di ottenere maggiori informazioni sull'oggetto.<BR>
<DIV STYLE="cursor: help; font-size:12; font-family:arial; color:gray"><B>PASSA QUI IL MOUSE PER UNA PROVA</B></DIV>


Ecco quì una lista (da html.it).
Ovviamente oltre a questi puoi usare anche l'indirizzo di un puntatore: