HTML Tutorials

Scrollbar colour

Learn how to change the colour of the scrollbar, with built in code generator...
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.

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




This tutorial was brought to you by Robouk, please post any questions in the forum. Thank you.
BACK TO TUTORIALS