Cursor - ein ausgefallener Mauszeiger für Ihre Homepage

Wir haben auf dieser Webseite Garfield als individuellen Cursor in der nachfolgenden Box als Beispiel eingefügt:

Den Cursor haben wir von www.cursors-4u.com - zum Zeitpunkt unseres Besuches gab es bei Cursors-4u.com über 11.000 verschiedene Mauszeiger. Die Mauszeiger von Cursors-4u.com sind komplett fertig für dein Einbau, d.h. es gibt fertige Quellcodes zum einfachen Einbinden des jeweiligen Cursors.

Aber wie immer für den geneigten Webmaster hier der notwendige Code für den Einbau eines individuellen Cursors.

Datei des Cursors auf dem eigenen Webspace im Hauptverzeichnis speichern (in unserem Fall heißt die Datei garfield.cur - es sind aber auch normale Grafikdateien wie .gif möglich). Nun muss im Stylesheet noch die Angabe für den Cursor ergänzt werden:

body, a:hover {cursor: url(garfield.cur), progress;}

Dabei muss zuerst der Bereich definiert werden, in dem der besondere Cursor angezeigt wird (hier body + a:hover = der Cursor wird auf der gesamten Seite und auch beim Überfahren von Links angezeigt. cursor: url(garfield.cur) definiert den individuellen Cursor. progress steht für die alternative Darstellung, falls der individuelle Cursor nicht dargestellt werden kann (ist sehr wichtig, in unserem Beispiel würde die Windows-Warte-Eieruhr angezeigt werden).

Einige weitere Tutorialseiten für die Einbindung eines Cursors via CSS finden Sie nachfolgend:

• www.web-toolbox.net/webtoolbox/css/css-cursor.htm
• www.web-toolbox.net/webtoolbox/css/css-cursor-02.htm
• de.selfhtml.org/css/eigenschaften/anzeigefenster.htm#cursor

Weitere Informationen und jede Menge Cursorvorlagen finden Sie auf folgenden Webseiten:

• www.123cursors.com - jede Menge Mauzeiger
• www.anicursor.com - jede Menge Cursor & außerdem noch Javascripts für die Mausverfolger, das sind Grafiken, die um den Mauszeiger schwirren oder dem Mauszeiger folgen.
• www.cursor.cc - hier finden Sie einen Cursor-Generator, mit dem Sie sich einen individuellen Mauszeiger für Ihre Homepage selbst zusammenbauen können!
• www.cursors-4u.com - über 11.000 individuelle Mauszeiger fix- und fertig zum Einbau
• joescursors.tripod.com - Joe´s Cursor-Webseite
• www.onlyfree.de/kostenloser_cursor.php - kostenlose individuelle Cursor zum Einbau in die eigene Homepage
• www.on-mouseover.de - jede Menge Infos rund um Mauszeiger, vor allem rund um den Mouseover-Effekt, das heißt die Veränderung des Mauszeigers bei Überfahren eines Links mit dem Mauszeiger (Wechsel der Grafik, Sounds etc...
• www.rw-designer.com/cursor-library - die Open Cursor Libary - nach Anbieterangabe über 28.000 Mauszeiger
• www.totallyfreecursors.com - der Name ist Programm - viele kostenlose Mauszeiger
• www.web-toolbox.net/webtoolbox - Mauszeigereffekte mit DHTML

Eine Anleitung, wie Sie einen Sound-Effekt bei Mouse-Over mit Javascript realisieren, finden Sie hier:

• www.javascriptkit.com/script/script2/soundlink.shtml