Loading...   Upload Image

Eigener CursorTutorials » Html/Css Tutorials » Eigener Cursor

Verfasst von Alice am 09.03.2007 - wurde schon 12244 mal gelesen

Kategorie: Html/Css
Bewertung:
20x bewertet
Schwierigkeit: einfach
Kommentare: [ 8 ]

keine ...

Eigener Cursor - Tutorial

Dir gefaellt der standard Cursor nicht?
Dann verpass deiner Webseite doch einen eigenen, individuellen Cursor ...

Dazu benoetigst du eine Grafik die als Ani oder Cur Datei abgespeichert ist und folgender Code, der in den <head> Bereich deiner Webseite gehoert

Code:
<style type="text/css">
body { cursor:url('xx.cur') }
</style>

Wenn der Cursor nur zum Vorschein kommen soll,
wenn man mit der Maus ueber einen Link faehrt, dann nimm diesen Code

Code:
<style type="text/css">
a:hover { cursor:url('xx.cur') }
</style>

Bei xx.cur muss jeweils die Adresse des Cursors eingeben, sollte es sich um eine ani Datei handeln, dann muss die Endung diesbezeuglich natuerlich geaendert werden...

Wichtig!
Die Methode funktioniert leider nur im Internet Explorer,
alle anderen Browser zeigen nur den Standardcursor an!

Kommentar schreibenHinterlasse einen Kommentar

Du musst angemeldet sein, um einen Kommentar zu hinterlassen...

Du bist noch kein Mitglied von Alice-Grafixx.de?
Dann kannst du dich hier kostenlos registrieren ...


Affiliates:   Blue-Graphics  •   Chibi Graphics  •   Gallery Yuri  •   The Seduction  •   Design Grafixx  •   Colorful Gfx  •   Pat DG  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider