Cursor - ein ausgefallener Mauszeiger für Ihre Homepage
Mit einem eigenen Cursor können Sie Ihre Homepage aufpeppen und von anderen Webseiten unterscheiden. Sehr schön sind Cursor, die zum Inhalt der Homepage passen (z.B. eine Blume als Cursor bei einer Pflanzenseite). Sie sollten allerdings beim Einsatz eines individuellen Cursors bedenken, dass die Barrierefreiheit und klare, logische Benutzbarkeit für den User eher abnimmt.
Wir haben auf dieser Webseite Garfield als individuellen Cursor in der nachfolgenden Box als Beispiel eingefügt:
Fahren Sie mit Ihrer Maus über diesen Text bzw. über den blauen Hintergrund und Ihr Mauszeiger verwandelt sich in Garfield!
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.cursorpedia.com - viele Mauszeiger
- 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:
| Twittern |
Weitere interessante Rubriken / Webseiten zu diesem Themenbereich:
- CSS - Cascading Style Sheets
- Javascripts - coole Javascripte
- Feuerwerk - ein Feuerwerk auf Ihrer Homepage
- Flash - Animationen und vieles mehr
- Schneeflocken - ein Schneegestöber für Ihre Webseite
Newsbox
Nachfolgend die 5 neuesten Nachrichten, Links und Tools für Webmaster:Startmobile.de - mobiler Fitnesstest für Ihre Homepage
www.startmobile.de - auf startmobile.de (gehört übrigens zu Google) geht es darum, ob Ihre Webseite bereits fit für das mobile Internet ist. Sie können Ihre bestehende Webseite einem mobilen Fitnesstest unterstellen. Sie erhalten eine mobile Vorschau Ihrer Webseite, ordnen Ihre Webseite in eine passende Kategorie ein und beantworten einige Fragen zur Webseite. Am Ende bekommen Sie einen Bericht angezeigt oder auf Wunsch auch zugemailt. Der Bericht enthält Tipps speziell zu Ihrer Webseite, aber auch Best Practices für mobile Webseiten, d.h. wichtige Tipps und Anforderungen an Webseiten bei der Anzeige auf Smartphone & Co. Unter der Rubrik Webseite erstellen finden Sie Anbieter speziell für die Erstellung mobiler Webseiten.
Geschrieben am 11 May 2012 von Karl Oltmanns
Tell-a-Friend
friend.share.lc - hier finden Sie ein "Tell-a-Friend"-PHP-Script.
Geschrieben am 08 May 2012 von Karl Oltmanns
Content4Links
www.content4links.de - hier erhalten Sie kostenlose Texte - als Gegenleistung verlangt der Anbieter 1-2 themenbezogene und seriöse Links, die der Anbieter in die Texte einbaut. Eigenbeschreibung des Anbieters: Hier bekommt man kostenlos Texte (mit bis zu 2500 Wörtern) für Webseiten oder Blogs gegen Links geschrieben.
Geschrieben am 08 May 2012 von Karl Oltmanns
SEOButler
www.seobutler.de - SEO-Butler ist ein professioneller Backlink-Marktplatz für Webmaster und Suchmaschinenoptimierer.
Geschrieben am 05 May 2012 von Karl Oltmanns
Kauf von Affiliwelt durch die Active Response
Gestern abend kam eine Informations-eMail von der Firma Active Response, dass diese das Partnernetzwerk Affiliwelt.net übernommen hat. Informationen zu den in der Vergangenheit bei Webmastern noch offenen Provisionen finden sich hier: affiliwelt.active-response.de.
Laut Webseite (www.affiliwelt.net) ist der Relaunch des Partnernetzwerkes für den 11. Mai 2012 geplant.
Als Linktipp enthält die eMail dann noch Verweis zu einem Exklusivinterview mit Karsten Windfelder über die Übernahme von Affiliwelt.net: blog.100partnerprogramme.de/2012/05/04/neustart-affiliwelt-wird-von-active-response-ubernommen/.
Rubrik bei meine-erste-homepage.com: Geld verdienen mit der eigenen Homepage, Auflistung von Partnernetzwerken.
Geschrieben am 05 May 2012 von Karl Oltmanns
Mehr Nachrichten in unserer Rubrik "Updates und News für Webmaster"
