Sunday, January 18, 2009

Adding Color To Your Browser Scrollbar

by Bonnie Calhoun

Hi guys and gals! Yes it's me again...twice in one week! Well I'm helping some friends spiff up their blogs, and I've had to re-remember stuff I've done in the past. Okay...today we're going to add color to that pesky browser scroll bar.

Now before you use this code, I must make you aware that it will not work in Firefox...LOL...they don't like people messing with their colors, so you can only get this to work in Internet Explorer.

The last caveat that I add to it is that, if you're anal retentive like I am about making my web pages validate this one is going to throw you for a loop because according to W3C...it ain't valid! So you will get an error code for it, but it won't break your page or anything...LOL...unless you have like 5000 other errors!

Okay...here's what you use:


<!--[if IE]>
<style type="text/css">
html {
scrollbar-arrow-color:#6E0502;
scrollbar-track-color:#940400;
scrollbar-face-color:#6BE02;
scrollbar-highlight-color:#909400;
scrollbar-3dlight-color:#333333;
scrollbar-darkshadow-color:#473624;
scrollbar-shadow-color:#BFB186;
}
</style>
<![endif]-->



And you scroll down til you get to the end of the <head> section, and you put it right BEFORE the </head>

Viola! You've got a color coordinated brownser scrollbar!

No comments:

Post a Comment