bunte Scrollbalken

Ein netter Feinschliff in Sachen Aussehen der Website sind die Scrollbalken, welche farblich dem Stil der Website angepasst wurden.

Leider wird diese nette Funktion nur vom Internet Explorer ab der Version 5.5 unterstützt. In anderen Browsern bleibt die Farbe des Scrollbalkens standardmäßig grau.

Des Weiteren sind diese CSS Statements nicht valide.

Wer immer noch von den farbigen Scrollbalken überzeugt ist, bekommt hier die Anleitung wie man diese gestaltet.

Zum bestimmen des Aussehen eines Scrollbalkens brauchen wir 7 Angaben:

• scrollbar-3dlight-color bestimmt die Farbe seitlich liegender Elemente
• scrollbar-arrow-color bestimmt die Farbe der Pfeile in den Kopfstücken
• scrollbar-face-color bestimmt die Farbe des eigentlichen Scrollbalkens
• scrollbar-track-color bestimmt die Farbe der Scrollbalken-"Schiene"
• scrollbar-darkshadow-color bestimmt die Farbe bestimmter seitlich liegender Elemente
• scrollbar-highlight-color bestimmt die Farbe der höher gelegenen Elemente
• scrollbar-shadow-color bestimmt die Farbe der tiefer gelegenen Elemente

Ein Beispiel zum Kopieren und Anpassen:

<style type="text/css">
    body {
        scrollbar-3dlight-color:#7A8295;
        scrollbar-arrow-color:#c31b00;
        scrollbar-face-color:#7A8295;
        scrollbar-track-color:#b0b5c0;
        scrollbar-darkshadow-color:#b0b5c0;
        scrollbar-highlight-color:#b0b5c0;
        scrollbar-shadow-color:#7A8295;
    }
    </style>