Coloured scroll bars

In the ever competive browser wars the big names, Microsoft and Netscape, are always trying to outdo one another by adding gimmicky new tags to their browsers instead of trying to fix all the bugs and errors. Recent examples include Netscape’s <blink> tag and Microsoft’s only slightly more useful <marquee>. However one truly good addition comes from Microsoft and it'd be nice if it was available on all browsers some day.

Here’s the code which is pretty self-explanatory:

<style type="text/css" media="screen">
 <!--
   html {

   scrollbar-face-color:#e7e7e3;
   scrollbar-highlight-color:#dbdac9;
   scrollbar-3dlight-color:#e9e7cb;
   scrollbar-shadow-color:#cbcb9a;
   scrollbar-darkshadow-color:#939363;
   scrollbar-arrow-color:#06f;
   scrollbar-track-color:#fbfbf7;
   }
 -->
</style>

If you’re familiar with CSS you’ll know what to do. If not simply cut and paste the whole lot (including the light grey code) into the head section of you’re document.That is between these two tags: <head> </head>.

Don’t worry about about the 216 safe colours because this is only going to work on windows systems with IE 5.5 +. (But no doubt a newer version of IE will be available for macs sometime soon.)

 

home