Bildlaufleiste verändern

CSS bietet eine ganz simple Möglichkeit, um die Bildlaufleisten oder Scrollbars farblich an das Design der eigenen Website anzupassen. Für alle die es nicht wissen: Bildlaufleisten sind die Dinger, die sich rechts am Bildschirmrand befinden, wenn der Text länger wird als es Platz im Fenster gibt und es dann ermöglichen den Text auf und ab zu schieben.

Ich werde öfters danach gefragt, deswegen schreib ich ihn gleich als erstes hier rein. Einfach folgenden Quelltext im Head-Bereich der gewünschten Datei einfügen und nach dem color die RGB-Farbe (wie hier) abändern. Man kann auch ruhig Hexadezimalfarben (z.B.: #000000) angeben wenn einem das lieber ist.

<style type="text/css">
<!--
body {
scrollbar-face-color: rgb(15,47,175);
scrollbar-highlight-color: black;
scrollbar-shadow-color: black;
scrollbar-3dlight-color: rgb(0,0,0);
scrollbar-arrow-color: rgb(0,0,0);
scrollbar-track-color: rgb(15,47,175);
scrollbar-darkshadow-color: rgb(15,47,175);
}
//-->
</style>

Ja also net so schwer ;-)

Die Bildlaufleisten werden übrigens auf Windows nur in Opera, MSIE und auf Linux nur von Konqueror farbig dargestellt, Firefox und Co ignorieren diese Einstellung.

Kommentare