Through The Chameleon's Eye Logo

Intro | Purpose | Outline | Creation | Colors | Coding | Content | Design | Publish

Color and Coding

How to change the colors of the scroll bar.

The scroll bar code contains 7 hexadecimal (#000000) color codes. The seven parts are: the face, shadow, highlight, 3dlight, dark shadow, track, and arrow.

You can put the code directly in the HTML code of the page between the <head> and </head> tags or include it in a CSS style sheet. 

 

The HTML code looks like this: The CSS Style Sheet code looks like this:

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #00FF00;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #66CCFF;
scrollbar-shadow-color: #FF0000;
scrollbar-arrow-color: #FF6600;
scrollbar-track-color: #FFFF66;
}
-->
</STYLE>

body {

scrollbar-face-color: #000000;

scrollbar-shadow-color: #404040;
scrollbar-highlight-color: #D4D0C8;

scrollbar-3dlight-color:#808080;

scrollbar-darkshadow-color: #404040;
scrollbar-track-color: #000000;

scrollbar-arrow-color: #404040
}

 If you would like to use a Color Scroll Bar Code Generator CLICK HERELink will open in a new window.

Go Back 1 Page Go Forward 1 Page