Personalizzare il puntatore del mouse in un sito web

Se vogliamo rendere un sito internet più originale, possiamo sostituire le iconcine associate al puntatore del mouse che compaiono di base con altre a nostro piacimento.
Un esempio di icone personalizzate è il mio sito web. Avrai notato l’iconcina con lo smile e la manina colorata quando passi sopra un link.
Per prima cosa, dove trovare le iconcine personalizzate? Ti propongo un sito dove ne ho trovate tante:

http://www.rw-designer.com

In questo sito troverai iconcine di varie estensioni (ico, cur, ani….). Dalla mia esperienza ho notato che riesco a vedere bene nel sito solamente quelle con estensione .cur.
Le iconcine che ti consiglio di scegliere sono 2:

  1. L’iconcina quando il puntatore del mouse non si trova sopra un link (supponiamo di chiamarla puntatore1.cur)
  2. L’iconcina quando il puntatore del mouse si trova sopra un link (supponiamo di chiamarla puntatore2.cur)

Una volta scelte e scaricate le iconcine, fai l’upload sul server che ospita il tuo sito internet e modifica il foglio di stile .css del tuo sito come segue:

Modificando come sopra il foglio di stile, avremo l’iconcina puntatore1.cur quando il mouse non si trova sopra link e avremo l’iconcina puntatore2.cur quando il mouse si trova sopra un link.
Se hai un sito creato con WordPress, ci sono numerosi plugin che ti permettono di cambiare lo stile del sito. Se utilizzi uno di questi plugin, che ti permettono di integrare nuovi stili, ti basta semplicemente copiare ed incollare il codice proposto sopra.

Print Friendly, PDF & Email

Post Author: Morris

Morris
Sono un programmatore di mestiere con la passione per il web. Ho aperto questo sito diversi anni fa, durante gli studi universitari, e cerco di aggiornarlo, per quanto mi è possibile, con nuovi contenuti riguardanti l'informatica e non. Se per qualsiasi motivo vuoi contattarmi, fallo attraverso la pagina CONTATTI.