Positioning << Scrollbars >> Cursors
Some newer browsers allow you to change the scrollbar by color and position. Most of this is supported by the IE brower only.

There are seven parts to a scrollbar...
normal face shadow highlight
3dlight darkshadow track arrow

Using CSS, you can apply colors to the different parts like so...
body {
scrollbar-face-color : #ff0000;
scrollbar-shadow-color : #ff0000;
scrollbar-highlight-color : #ff0000;
scrollbar-3dlight-color : #ff0000;
scrollbar-darkshadow-color : #ff0000;
scrollbar-track-color : #ff0000;
scrollbar-arrow-color : #ff0000;

That example would turn the whole scrollbar red, so be sure to adjust the color codes to suit your site designs.

Considering this is "proprietary" coding, it will not validate agains the W3C structure. To create a workaround to this, you will have to use a bit of javascript. Click here for further information.

Some sites with different languages need the scrollbar to appear on the left side of the window instead of the right side. This is possible by adding this to your css area...

html {direction:rtl;}

Now that does have a small drawback in that it will turn things a bit backwards for the stuff on your webpage as well. To counter-act the effect in you normal page area, but keep the scrollbar on the left side, add one more line to your css area...

body {direction:ltr;}
Positioning << Scrollbars >> Cursors

Advertise in the banner along the top, Click here!

Valid XHTML 1.0 Transitional Valid CSS! Text Link Ads