Homepagebau	Dateiversion: diesen Beitrag diskutieren, ergänzen, eine Frage stellen

Beschreibung:

Für den Internet Explorer ab Version 5.5 können sie die Navigationsleisten am Rand des Fensters individuell einfärben.

farbige Scrollbars (Beispiele)
	<STYLE TYPE="text/css"> BODY { scrollbar-face-color:#0000FF; scrollbar-track-color:#0000A0; scrollbar-highlight-color:#FFFFFF; scrollbar-arrow-color:orange; scrollbar-3dlight-color:powderblue; scrollbar-darkshadow-color:#000080; scrollbar-darkshadow-color:#000000; } </STYLE>
	<STYLE TYPE="text/css"> BODY { scrollbar-face-color:#208020; scrollbar-track-color:#A0D0A0; scrollbar-highlight-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-3dlight-color:#E0FFE0; scrollbar-darkshadow-color:#005000; scrollbar-darkshadow-color:#000000; } </STYLE>
	<STYLE TYPE="text/css"> BODY { scrollbar-face-color:#D5D0CA; scrollbar-track-color:#F2F0EA; scrollbar-highlight-color:#FFFFFF; scrollbar-arrow-color:#000000; scrollbar-3dlight-color:#F0E0D0; scrollbar-darkshadow-color:#503000; scrollbar-darkshadow-color:#000000; } </STYLE>
	<STYLE TYPE="text/css"> BODY { scrollbar-face-color:#000000; scrollbar-track-color:#000000; scrollbar-highlight-color:#FFFFFF; scrollbar-arrow-color:#00FF00; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#FFFFFF; scrollbar-darkshadow-color:#000000; } </STYLE>

Syntax:

Die Farbwerte sind jeweils als Hexadezimalzahl angegeben.
eine Farbpalette finden sie hier!

Basisfarbe (wenn nichts anderes angegeben ist)
scrollbar-base-color: #...;

Farbe der Pfeile (nach oben, bzw. unten)
scrollbar-arrow-color: #...;

Scrollbar Hintergrund
scrollbar-track-color: #...;

Farbe der Scrollbarflächen
scrollbar-face-color: #...;

Um die Navleisten (Scrollbars) herum besteht ein Rand von 2 Pix Breite.

Rahmen oben & links außen
scrollbar-3dlight-color: #...;

Rahmen oben & links innen
scrollbar-highlight-color: #...;

Rahmen unten & rechts außen
scrollbar-darkshadow-color: #...;

Rahmen unten & rechts innen
scrollbar-shadow-color: #...;

Setzen der Eigenschaften über JavaScript:

Basisfarbe (wenn nichts anderes angegeben ist)
document.body.style.scrollbarBaseColor = "...";

Farbe der Pfeile (nach oben, bzw. unten)
document.body.style.scrollbarArrowColor = "...";

Scrollbar Hintergrund
document.body.style.scrollbarTrackColor = "...";

Farbe der Scrollbarflächen
document.body.style.scrollbarFaceColor = "...";

Um die Navleisten (Scrollbars) herum besteht ein Rand von 2 Pix Breite.

Rahmen oben & links außen
document.body.style.scrollbar3dLightColor = "...";

Rahmen oben & links innen
document.body.style.scrollbarHighlightColor = "...";

Rahmen unten & rechts außen
document.body.style.scrollbarDarkShadowColor = "...";

Rahmen unten & rechts innen
document.body.style.scrollbarShadowColor = "...";

Autor: Thomas Meyer

Home: www.All-Community.de

Kontakt: