Cursore del mouse come immagine

[IImanuII]

Premetto che cercando con google ho trovato svariate soluzioni ma nessuna ha funzionato.
Sullo stesso forum ho trovato questo topic
http://forum.joomla.it/index.php?topic=82054.msg361475

Ho fatto come segue:
Ho modificato template.css inserendoci

Codice: [Seleziona]

body {
   font-family: Helvetica,Arial,sans-serif;
   line-height: 1.3em;
   margin: 0px 0px 0px 0px;
   font-size: 12px;
   color: #333;
   cursor: url(INDIRIZZO/IMMAGINE.jpg), auto;

}cambiando ovviamente l'indirizzo dell'immagine, ma il risultato è stato nullo.
Su quel topic porta anche

Codice: [Seleziona]

.container {
    cursor:_value_;
}Tuttavia non so come utilizzarlo :|

La mia esigenza è che il cursore del mouse sia un immagine per tutto il corpo della pagina, e al passaggio su un link l'immagine cambi.
Ho postato qui perchè non so se sia un problema di template :|
Per farvi un idea del template che uso vi lascio il link del sito.
Grazie Manu

http://mietitori-di-anime.webege.com/

[tonicopi]

Invece funziona IImanuII !
Aggiungendo al body questa riga:

cursor: url(../images/arrow.gif), auto;

l'immagine del cursore cambia in tutta la pagina.
Ma sopra i link torna la manina. Immagino che ci vorrà una riga anche per il mouse over... 
E con IE6 non va...

[IImanuII]

Perfetto funziona benissimo XD
non hai qualche soluzione per il passaggio del mouse XD?
Con ie7 non funziona :|

[tonicopi]

Perdonami tu. Davo per scontato che la devi inserire nel selettore body del tuo css

Codice: [Seleziona]

body {
cursor: url(../images/arrow.gif), auto;
}Ovviamente devi mettere la tua immagine arrow.gif dentro la cartella images del template in uso.
Per il mouse over prova con una regole del genere

Codice: [Seleziona]

a:hover{
cursor: url(../images/altra.gif), auto;
} Però bisogna fare prove perchè potrebbe andare su alcuni link mentre in altri potrebbe essere sovrascritta da regole più specifiche...

[IImanuII]

Avevo modificato il post di prima perchè ci sono riuscito XD
Grazie

[IImanuII]

Scusa se ti "molesto" ancora  la funzione a:hover non va in alcuna pagina :O
Tuttavia sul web girovagando ho trovato questo

Codice: [Seleziona]

/* CSS */
a:hover {
cursor: url("DATA_LINK"), auto !important;
}sai che cos'è quell'important e che funzione ha?
Con quell'"aggiunta" al passaggio del mouse su un link l'immagine cambia perfettamente, solo che non mi piace fare le cose senza capire illuminami *_*
Grazie
Il codice della mia pagina css è scritto così:

Codice: [Seleziona]

/* CSS */
a:hover {
cursor: url(http://mietitori-di-anime.webege.com/images/cursor/Hand.png), auto !important;
}


/* begin Page */

body
{
margin: 0 auto;
padding: 0;
background-color: #000000;
background-image: url('../images/Page-BgTexture.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
cursor: url(http://mietitori-di-anime.webege.com/images/cursor/cursor.cur), auto;
}

[tonicopi]

http://css.html.it/articoli/leggi/2148/css-tecniche-indispensabili/