Scrollbar Colors customization

Author: Dynamic Drive

Note: Updated Oct 19th, 04' for doctype=strict info

Description: Take your web design off road and beyond the webpage, by coloring your document's scrollbars. Visible in IE5.5+, every aspect of the bar can be colorized, from the arrow heads, bar background, to even the bar's shadows.

Demo: Note of coloring of the scrollbar if you're using IE5.5+.


Just add the following stylesheet into the <head> section of your page:

Select All

Three of the most commonly used properties have a color value pre-assigned. Obviously, the other properties can too be manipulated.

Important note

If your page uses a doctype that triggers a "Strict" mode in IE, change "BODY" in the above code to "HTML" instead. This is required in order for the effect to work.

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post