Sie sind hier: Startseite » CSS-Tutorials » Farbige Scrollbars
Scrollbars können für den Internet Explorer an das Webseitenlayout angepasst werden.
Variationen
Es gibt ausser dem "normalen" Scrollbalken, auch Scrollbar oder Skrollleiste genannt, weitere Möglichkeiten, optische Veränderungen vorzunehmen. Klicken Sie hier um sich das einmal anzusehen. Ganz links sieht man eine farbige Scrollbar mit 3-D-Effekt.
In der Mitte wirkt die Scrollleiste um einiges schlanker - die 3D-Flächen wurden in der Grundfarbe des Seitenhintergrundes eingefärbt, lediglich die sogenannte "Face-Color" ist noch farbig.
Auf die rechte Variante trifft man manchmal bei besonders "coolen" Seiten die zumeist einen schwarzen Hintergrund besitzen. Wer hier nicht weis, das es sich eigentlich um einen normalen Skrollbalken handelt der lediglich farbig maskiert ist, sucht.... und ist u.U. schneller von der Seite verschwunden, als dem Webmaster lieb ist.
Anwendungstipps
Internetuser die noch etwas unsicher sind und eventuell auch ein eingeschränktes Sehvermögen haben, sind mit Scrollbars, die farblich allzusehr mit dem Hintergrund "harmonieren" manchmal. überfordert. Die allzusehr "Ton in Ton" gefärbten Scrollbalken sind schlechter zu erkennen, sie können für ein normales Dekorationselement der Webseite gehalten werden.
Code
Der folgende Code für die Styleanweisung kommt bei normalen html-Seiten zwischen die Head-Tags:
Diese Bereiche können Sie mit dem oben gezeigten CSS-Code verändern:
Programmhelfer
Ein kleines Freewareprogramm kann Sie bei der Definition der Farben einer Scrollbar auch visuell unterstützen: "Cool Web Scrollbars" ist klein und schnell, kann die ausgesuchten Farben zu Code generieren und den auch abspeichern. Sie können das Programm hier herunterladen.
