Beitrag # 1 | 15:00

Ein paar Worte über Cursor

Äußere des Cursors wird von CSS Eigenschaft Cursor bestimmt.

CSS Eigenschaft Cursor erlaubt ein eigenes Äußere des Cursors für die Seitenelemente einzustellen. Man kann sowohl Standard- als Customcursor benutzen (CUR Dateien oder SVG Cursors).

CSS Eigenschaft Cursor ist eine Eigenschaft für die Änderung des Äußeres des Cursors.

Teilen wir die Cursors in den Gruppen.

Standardcursor

auto – Standardcursor für das laufende Element.
crosshair - einfaches crosshair (ähnelt "+" Zeichen).
default - Cursor, als Standardregel an der betreffenden Plattform benutzt. Er wird oft vom Pfeil dargestellt.
pointer - Cursor, als Zeiger dargestellt, der ein Link bezeichnet.
move - Cursor, der ein Objekt bestimmt, das man bewegen kann.
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize - Cursors, die die Möglichkeit einen Rand des Objekts zu bewegen, anzeigen.
text - Cursor, der den Text, den man hervorheben kann, zeigt an. Er wird oft von der senkrechten Linie "|" dargestellt.
wait - Cursor, der bedeutet, dass Programm beschäftigt ist und dass der Benutzer warten soll. Er wird oft vom Zifferblatt oder von der Sanduhr dargestellt.
help - Cursor, der bedeutet, dass es Hilfe Informationen für das gezeigte Objekt gibt. Er wird oft vom Fragezeichen oder Ballon dargestellt.

Beispiel:
Code
SPAN.help { cursor : help; }

Customcursor:
Sie können einen Cursor mit dem ungewöhnlichen Äußere brauchen. Dann sollen Sie das Folgende als Cursor Eigenschaft Wert bestimmen:

url('Pfad zum Cursor'), Standardcursor

Beispiele:

Code
P { cursor : url("my.cur"), text; }
P { cursor : url("my.svg"), url("my.cur"), auto; }

Wenn Webbrowser die Definition des Customcursors begegnet, versucht er den ersten Cursor von der Liste darzustellen. Wenn der erste Cursor dargestellt werden nicht kann, versucht Webbrowser den nächsten Cursor von der Liste. Beachten Sie bitte, es soll immer irgendein Standardcursor in der Liste der Customcursors geben, im Falle dass kein Customcursor dargestellt werden kann.

Als Customcursor kann man CUR, ANI Dateien oder SVG Cursors benutzen. SVG Cursor ist ein Plattform-unabhängig Customcursor, wo ein Cursor selbst eine Bild-Datei ist. Man empfehlt PNG Format zu benutzen, weil es Transparenz Maske via Alphakanal unterstützt, jedoch kann GIF auch benutzt werden, weil es 2-bit Transparenz unterstützt. Wenn ein anderes Bild-Format benutzt wird, das Transparenz weder via Alphakanal noch durch Zuweisen der separaten Farbe in der Eigenschaft des Transparenz nicht unterstützt, wird der Cursor wie nicht-transparent Quadratfläche dargestellt werden. Es ist notwendig mindestens 2 Farben für den Cursor zu benutzen, damit er auf verschiedene Hintergründe unterscheidbar war.

Customcursors werden von IE6, Firefox 1.5. Firefox 1.5 supports CUR und SVG Cursors unterstützt, und unterstützen kein ANI Format. IE unterstützt CUR und ANI Formate, aber unterstützt keine SVG Cursors.

Der Eigenschaft Cursor ist geerbt.
Es gibt auch solches Wert wie "inherit" ("erben"). Es zeigt an, dass ein Wert ist vom Parent Element geerbt.

Standardwert für den Cursor Eigenschaft: auto

Benutzen Sie bitte Customcursors, wenn es realer Grund dafür gibt. Erinnern Sie sich, dass Standardcursors üblich und verständlich für Benutzer sind.

Macht sich mit uCoz FAQ und Forum Regeln bekannt, bevor ihr Fragen stellt.
uCoz Video Tutorials