Mauszeiger

[Bildschirmfoto] 
Mauszeiger

Auch der Mauszeiger (Cursor) kann verändert werden. Der Code kann auf alle Elemente, egal ob Tabellen, Links, Grafiken, Textblöcke oder eine ganze Seite angewendet werden.

Beispiel für Text:
<p style="cursor: help;"> Beispieltext </p>

Attribut Bedeutung Beispiel
crosshair Fadenkreuz  
 
pointer Handsymbol  
 
wait Sanduhr
(je nach Betriebsystem)
 
 
progress Zeiger u. Sanduhr
(je nach Betriebsystem)
 
 
help Fragezeichen  
 
e-resize Pfeil - rechts  
 
w-resize Pfeil - links  
 
n-resize Pfeil - oben  
 
nw-resize Pfeil - links oben  
 
ne-resize Pfeil - rechts oben  
 
text Gerader Strich  
 
move Kreuz mit Pfeilen  
 
default Standard  
 
not-allowed Nicht Erlaubt!  
 
Attribut Bedeutung Beispiel
no-drop    
 
vertical-text Vertikales Text-Symbol  
 
all-scroll    
 
col-resize    
 
row-resize    
 
cell    
 
none    
 
alias    
 
copy    
 
grab (Firefox, Edge, Chrome)  
 
grabbing (Firefox, Edge, Chrome)  
 
zoom-in  
 
zoom-out  
 
url('cursor.png')
 
Beliebiger Cursor  
 

Das Attribut „hand” wird nur vom Internet Explorer unterstützt! Verwenden Sie statt dessen das Attribut „pointer”.

Mit dem Microsoft Edge (Internet Explorer), Mozilla Firefox und dem Google Chrome Browser lassen sich auch andere beliebige Cursor (Mauszeiger) auf der Webseite anzeigen. Der Cursor kann im Format .png, .gif, .jpg, .cur oder .ani vorliegen.

Beispiel

<style>
body {
  cursor: url('cursor.png'), auto;
}
</style>

Tipps

Zeichenkodierung - Schriftzeichen richtig darstellen
Oft werden Umlaute, Akzentzeichen oder andere fehlerhafte Zeichen auf der Webseite angezeigt. Auch der Inhalt einer E-Mail, vom Kontaktformular der Website, kann falsche Umlautzeichen enthalten. Beispiele um diese Zeichen in der richtigen Zeichenkodierung darzustellen.
Browser-Sprachumschaltung
Diese Sprachumschaltung zeigt je nach der verwendeten Sprache (deutsch, englisch, ...) im Browser unterschiedlichen Inhalt an.
10 Regeln zu Dateinamen
Die Entscheidung, wie Sie die Dateien und Verzeichnisse (Ordner) auf Ihrer Website benennen ist nicht ganz Ihnen überlassen. Es gibt einiges, worauf Sie bei dieser Wahl achten müssen.
Diese Schlagwörter könnten Sie interessieren:
Floodsperre Zugriffsrechte MySQL Zeichnen Wasserzeichen Gästebuch Mehrfachauswahl Favicon Formulare Linkliste Responsiv Sicherheit RSS Feed Sprachumschaltung Zebra-Tabelle Sortierung Veranstaltungsliste Suchmaschine Marquee Diashow