Ein eigenes Cursorbildchen für die Webseite ist für wahr nichts neues, aber ich kenne kaum eine Webseite, die diese Funktion nutzt. Deshalb hier dieser Tipp:

Eigene Cursordateien müssen die Endung *.cur haben doch leider unterstützen nur irgendwelche Shareware und andere professionellen teuren Bildbearbeitungsprogramme das Abspeichern von *.cur-Dateien. Ein Plugin für The Gimp habe ich auch nicht gefunden.

Aber: Ihr könnt mit The Gimp *.ico Dateien abspeichern. Erstellt dazu eine neue Datei mit den Maßen 32*32 und fügt Ihr einen Alphakanal hinzu. Malt Euren Cursor und setzt die Hintergrundfarbe auf Transparent. Beim Abspeichern kommt die Meldung in welchem Format Ihr die *.ico-Datei abspeichern wollt. Wählt hier den Eintrag: "4 bpp, 1-Bit Alpha, 16-Slot-Palette" und lasst die Checkbox für die PNG-Komprimierung deaktiviert.

Nach dem Abspeichern könnt Ihr diese Datei einfach in *.cur umbenennen, auf Euren Server hochladen und einbinden. Der CSS-Befehl dazu lautet:

html,body {
  cursor: url(fileadmin/templates/bilder/cursor.cur), default;
}

Hier auf dieser Seite seht Ihr auch den Effekt. Allerdings klappt der Cursor nicht auf allen Betriebssystemen. So können Linuxbasierte Betriebssysteme nur *.ani-Endungen interpretieren und zeigen unsere *.cur-Datei überhaupt nicht an. Firefox kann dahingehend mit *.ani nichts anfangen.

Mehr dazu auch hier:

Selfhtml

Eine Seite mit diesem Effekt habe ich hier gefunden:

http://matthiasschuetz.com