Site Navigation:

Home // Tutorials // Code // Coloured scrollbars

Coloured scrollbars

1
This script is becoming pretty popular these days, it allows you to change the colours of the scrollbar on your website in certain internet browsers. Here is the code for it.

<style>
<!--
body
{
scrollbar-face-color: #DCE0E2;
scrollbar-shadow-color: #687888;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #687888;
scrollbar-darkshadow-color: #DCE0E2;
scrollbar-track-color: #BCBFC0;
scrollbar-arrow-color: #6E7E88;
}
-->
</style>
2
Where to put it?

Ok if you already have style tags in your document just enter the code in there (minus the Style tags).
If not place the code from above just after the first <body> tag in your websites source.

What parts do I edit?

Well all you need to change are the hex codes these come in the form of #000000.

Sounds complicated, can't you just do it all for me?

Bah ok sure, look at the online generator below.
3
Generate the code right here using this simple tool. Simply Fill in the form fields with hexadecimal codes.

3D Light Colour:
Arrow Colour:
Face Colour:
Highlight Colour:
Shadow Colour:
Darkshadow Colour:
Track Colour:


spacer

This Tutorial was Brought to you by Robouk, Please post any questions in the forum. Thank you.
BACK TO TUTORIALS



Home Tutorials Free Stuff About Gallery Forum Links Contact

Copyright © Robouk 2001.

Dreamweaver®, Flash® and Photoshop® are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.
Hosted by Pixelcode - web design tutorials.