HTML, CSS, PHP, MySQL

html-php.de

HTML & CSS Stylesheets Referenz JavaScript PHP MySQL Sonstiges Gästebuch Inhalt Impressum

[ Anzeigefenster ] [ Farbige Scrollbalken ] [ Mauszeiger ]

Anzeigefenster

Die hier vorgestellten CSS-Stylesheets gehören nicht zum HTML-Standard und werden nicht von allen Browser unterstützt.

Scrollbalken

Mit den CSS-Stylesheet scrollbar lassen sich die Farben der Fenster-Scroll-Leisten festlegen. Dafür werden folgende Elemente definiert:

scrollbar-base-color Basisfarbe der Scroll-Leiste
scrollbar-3dlight-color Farbe für 3D-Effekte (hier rot)
scrollbar-arrow-color Farbe für Pfeile (hier grün)
scrollbar-darkshadow-color Farbe für Schatten (hier blau)
scrollbar-face-color Farbe für die Oberfläche (hier violet)
scrollbar-highlight-color Farbe für den Rand oben und links (hier dunkelgrün)
scrollbar-shadow-color Farbe für den Rand unten und rechts (hier türkis)
scrollbar-track-color Farbe für den Untergrund (hier gelb)

Scrollblken stark vergrößert

Der Code im Head-Bereich könnte so aussehen:

  <style type="text/css">
body { scrollbar-base-color:#000000; scrollbar-3dlight-color:#FF0000; scrollbar-arrow-color:#00FF00; scrollbar-darkshadow-color:#0000FF; scrollbar-face-color:#FF00FF; scrollbar-highlight-color:#FFFF00; scrollbar-shadow-color:#00FFFF; scrollbar-track-color:#FFFFFF; } </style>

Mousezeiger

Der Mousezeiger kann eine andere Gestallt annehmen, wenn dieser über einen bestimmten Bereich zeigt:

cursor:crosshair cursor:pointer cursor:move cursor:n-resize
cursor:ne-resize cursor:e-resize cursor:se-resize cursor:s-resize
cursor:sw-resize cursor:w-resize cursor:nw-resize cursor:text
cursor:wait cursor:help cursor:auto cursor:default

Der Code dafür könnte so aussehen:

  <div style="background-color:#FFFF00; padding:14pt; 
   border:thin solid red; width:100%; cursor:crosshair;">
<p>Wenn sie mit der Mouse hier hinüber fahren, ändert er sich zum Kreuz.</p></div>

Wenn sie mit der Mouse hier hinüber fahren, ändert er sich zum Kreuz.

back top next