Logo Araneae-online

Farbige Scollbalken

Mit Style Sheets können farbige Scrollbalken gestaltet werden, dies kann sowohl innerhalb der Datei, wie auch in einer externen CSS Datei geschehen. Erfolgreich getestet bei Internetexplorer 5.5, 6.0, 7.0 und 8.0 für Windows. Folgende Parameter können einzeln bestimmt werden. Parameter.

CSS innerhalb der Datei

<html>
<head>
<title>Scrollbalken</title>
<style type="text/css">
body, textarea {
background-color:#FFFFFF;
scrollbar-base-color:#006600;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFFF00;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#006600;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#009900;
}
</style>
</head>
<body>
<p><b>Schreiben Sie hier Ihren eigenen Text</b></p>

<form name="scrollen">
<textarea name="Text" cols="80" rows="150"></textarea>
</form>
</body>
</html>

Die externe CSS Datei

textarea { background-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #FFFF00; scrollbar-base-color: #006600; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #006600; scrollbar-highligh

Parameter

background-color: = Hintergrundfarbe der Seite
scrollbar-base-color: = Basisfarbe des Scrollbalken
scrollbar-3dlight-color: = Farbe für den 3 D Effekt
scrollbar-arrow-color: = Farbe des Pfeils
scrollbar-darkshadow-color: = Farbe des Schattens
scrollbar-face-color: = Farbe der Oberfläche des Verschiebebalkens
scrollbar-highlight-color: = Farbe für den oberen und linken Rand
scrollbar-shadow-color: = Farbe für den unteren und rechten Rand
scrollbar-track-color: = Farbe für den restlichen Balken

Beispiel

klicken Sie hier um ein Beispiel zu sehen.


Letzte Aktualisierung: Freitag 25.05.2007