personalizzare cursore mouse

[asafa]

Buon giorno a tutti, cari amici del forum!

Avrei una consulenza da chiedervi.... vorrei mettere su un mio sito web...
un cursore del mouse diverso... ( da una mia .jpg o .ico ) che pero' appaia
solo quando il cursore è su un certo "div" altrimenti appare la freccetta classica....

Conoscete qualche script che fa cio'?
Vi è mai capitato ?


Grazie mille
Buona Giornata!

[asafa]

Sono andato avanti nella mia ricerca.....

bisogna cambiare una regola css in questo modo... body { cursor: url ('cursor_gif.cur'), auto; }
e creare il file cursor.cur....

Pero' non va! ne su chrome ne su mozilla... non capisco perchè...

Il sito in questione è www. in and out advs . com / beta



( il sito è tutto attaccato... )

[NonCeLaFaccio+]

Ciao,
per poter utilizzare un'immagine come cursore devi prima convertirla in formato .ico e poi cambiarle l'estensione in .cur

Non saprei che SW consigliarti per la conversione ma sono convinto che cercando in rete troverai qualcosa.

Per il resto il codice mi sembra corretto, io ho provato così e funziona:

<div style="cursor: url(favicon.cur);">
   <span> testo </span>
</div>

Ciao

[asafa]

gia ci ho provato, ma non capisco perchè non va....!!

hai gia un icona .cur funzionante? non vorrei che fosse quella il problema.

[asafa]

guarda il mio codice sul sito che ho postato.....

ho inserito del div "right" il tuo codice...

<div id="right" style="cursor: url('favicon.cur');" > 

ma non va!! non capisco per il perchè!!

[NonCeLaFaccio+]

Non posso vedere il tuo sito perché sono in ufficio e il proxy me li blocca quasi tutti, html.it è uno dei pochi consentiti.

L'icona che ho usato (favicon.ico) è quella dello xampp ma sono convinto che funzioni con qualsiasi altra, prova a fare una ricerca nel tuo computer dei file con estensione .ico e ne troverai una valanga.

Poi ne prendi una e gli cambi l'estensione in .cur

[asafa]

ho creato un file .html e una .cur ( presa da un ico di xampp pur io ) :>

incollo l'html

<div id="ciao" style="border:3px solid #000;width:500px;margin-0 auto; height:200px;cursor: url('favicon.cur');"> 
ciao
</div> 

nella cartella ci sono solamente "index.html" "favicon.cur".

non capisco perchè non funzionaaaaaaa, se vuoi ti posso mandare un zip contenente i due file li provi da locale tu... perchè veramente sto impazzendo...

[NonCeLaFaccio+]

Ho appena provato il tuo codice e funziona a meraviglia:
c'è un bel rettangolo nero (un po' lugubre forse) con dentro scritto ciao e appena il mouse ci passa sopra si trasforma nella bellissima icona dello xampp.

Io credo che il problema sia la tua icona, non vedo cosa altro possa essere, però non riesco a fare ipotesi più concrete.

Purtroppo non posso allegarti la mia icona e non posso neanche ricevere il tuo zip (sempre perché sono in ufficio).

[asafa]

NonCeLaFaccio+ , grazie mille innanzitutto e scusa il pressing.....

Se non ti chiedo troppo inoltrami la tua icona per mail, cosi scongiuriamo tutto....
non trovo una soluzione logica la problema, rimane solo l'icona... ma bohhhh!

la mia mail è r1tchie @ hotmail . com

grazie mille e scusa il disturbo.. ma davanti a questi misteri rimango attonito...

################################
NdM
ho modificato la mail per evitare possibili spammerbot
(che comunque rimane leggibile ai furbetti...)
la prossima volta chiedi all'utente se puoi contattarlo in privato
ed inviargli la mail

VZ
################################

[NonCeLaFaccio+]

Lo farò volentieri stasera da casa, da qui non posso mandarti una mail, lavoro in banca come consulente esterno e la mia libertà di movimento è enormemente limitata da entrambi questi fattori.

Ciao