Creating Custom Scroll Bars
Internet Explorer 5 added a new ability for web designers to take advantage of. That was the ability to customize and add colors to their scroll bars. This is done using Cascading Style Sheets (CSS).
And example would look like this:
<HEAD>
<style type="text/css">
body {
scrollbar-arrow-color: #6C000E;
scrollbar-base-color: #1D50AC;
scrollbar-dark-shadow-color: #1D50AC;
scrollbar-track-color: #2559AF;
scrollbar-face-color: #FFCC66;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #D9D9D9;
scrollbar-3d-light-color: #FFCC66;
}
</style>
</head>
You can enter the colors using regular names (such as green, black, red etc) or HEX values (such as# D9D9D9, #000000, etc). Also, you do NOT need to use all of the lines above.
If you're not familiar enough with creating stylesheets you can go to EchoEcho.Com and use the custom scroll bar generator to create the code you need to put into your page's <HEAD> section.
This only works in Internet Explorer 5+ but it will not affect the look of your site in earlier versions or other browser such as Netscape.