|
Have
you noticed this on homepages? The scrollbars
that you see to your right are colored to match the page.
You can see this effect on my page at Roxydoll12.
Here's how to do it:
The
scrollbar has 7 different parts to it, and the diagram above shows you
where they are. Each of these parts can be made the color of
your choice. Insert the following code into the section of your
page that begins <head>:
<style
type="text/css">
body {
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #000000;
}
</style>
All
you have to do now is replace the #000000 references in the code above
to the colors you want to use for your scrollbar, using the diagram
above to help you identify the parts. If you need help
identifying the color codes check here.
That's
all there is to it. But one note of caution. This doesn't
show up on all browsers. You need Internet Explorer version 5.5
for it to work.
Note:
the graphic above is from UBB
Developers
To
help you generate the code for your scrollbars, here is a scrollbar
generator from Botsoak and Dayna:
|
