You are here:
Web Design > CSS > Scroll Bars, Customised.

Scroll Bars, Customised

If you are using MS Internet Explorer or Konq 2.2.2 to view GIDForums™, your scroll bar (on the right edge of that screen), would be customised with the colours of this website.

You do that simply by adding the following html code anywhere in between your:

code:

<head>

and

code:

</head>

tags of your web pages like this:

code:

<head>
<style type="text/css">
<!--
body {
  scrollbar-face-color:#006699;
  scrollbar-highlight-color:#DDFFFF;
  scrollbar-3dlight-color:#CFDFDF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-shadow-color:#6699FF;
  scrollbar-arrow-color:#669999;
  scrollbar-track-color:#003366;
}
-->
</style>
</head>

View a sample page.

If you don't already know it, you can change the hex colour values (see an online palette) to anything you like (e.g. #FFFFFF i.e. white to #000000 i.e. black).

Personally, I don't really care to use it anywhere else on my website except on the Forums since the script came bundled with it - but some people might be interested to know, so there you have it...

I tested the above on Mozilla 1.0 / Netscape / Opera 6.0 and it DOESN'T work!. Also this CSS code is NOT supported in XHTML.

You are here:
Web Design > CSS > Scroll Bars, Customised.