im default-Template)
ControlPanel > Einstellungen/Templates bearbeiten > style.css
body {
background-color: #ffffff;
color: #000000;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
/* this attribute sets the basis for all the other scrollbar colors (Internet Explorer 5.5+ only) */
SCROLLBAR-BASE-color: #004c75;
SCROLLBAR-ARROW-color: #fcdc43;
}
base-color und Scollbar-Arrow ändern
zusätzlich kann man:
> scrollbar-darkshadow-color: #003355;
> scrollbar-track-color: #225577;
> scrollbar-face-color: #336688;
> scrollbar-shadow-color: #114466;
> scrollbar-highlight-color: #447799;
> scrollbar-3Dlight-color: #447799;
einbauen, Farben stell dir bitte selber ein!
Beachte: Scrollbar wird nur im IE ab Version 5 farblich dargestellt, andere Browser tun das nicht!
man kanns auch übertreiben, z.B. mit einen JavaScript, bei mouse-over ändert sich die farbe:
<script language="javascript" type="text/javascript">
<!--
function scrollfun()
{
chk = document.body.clientWidth + 2;
if(window.event.x > chk)
{
var sfc = "blue"; //scrollbar-face-color
var ssc = "red"; //scrollbar-shadow-color
var shc = "green"; //scrollbar-highlight-color
var stc = "yellow"; //scrollbar-track-color
var sac = "black"; //scrollbar-arrow-color
document.body.style.scrollbarFaceColor = sfc;
document.body.style.scrollbarShadowColor = ssc;
document.body.style.scrollbarTrackColor = stc;
document.body.style.scrollbarHighlightColor = shc;
document.body.style.scrollbarArrowColor = sac;
}
else
{
var sfc = "orange"; //scrollbar-face-color
var ssc = "red"; //scrollbar-shadow-color
var shc = "white"; //scrollbar-highlight-color
var stc = "silver"; //scrollbar-track-color
var sac = "blue"; //scrollbar-arrow-color
document.body.style.scrollbarFaceColor = sfc;
document.body.style.scrollbarShadowColor = ssc;
document.body.style.scrollbarTrackColor = stc;
document.body.style.scrollbarHighlightColor = shc;
document.body.style.scrollbarArrowColor = sac;
}
}
// -->
</script>
Das Skript spricht über das "document" Objekt die Style-Eigenschaft des Body-Tags an, und darüber die einzelnen Farben für die Elemente der Scrollbar.
Wo die Farben definiert werden, ist anhand der Kommentare leicht zu erkennen.
Das Skript muss explizit über den <body> Tag aufgerufen werden.
<body onMousemove="scrollfun()">
