Exit tutorial
 Cascading Style Sheet Tutorials |
| Colored Scrollbars |
| If you're using IE 5.5 or later, look at the scroll bar on the right
side of the browser. Wow - no more gray! This tutorial will show you
how to make scroll bars to be any color you choose.
It's accomplished with cascading style sheet code, and it's so easy you won't believe it. Just add: <STYLE TYPE="text/css"> ...to the HEAD section of your HTML page. Change the colors to fit your site and you're in business. If you are already using a CSS body reference in your HEAD section, don't add a new body reference - just add the scrollbar items to the one you already have. Only works in Internet Explorer. There are a few other colors you can change as well. scrollbar-shadow-color: #9FB304; Just add the ones you want to the previous code, separating each one with a semicolon (;) as shown. |