Scroll down customisation question

1

Hi All,

Sometime i saw some side bar(right hand scroll down and up) on some webpage is customised coloured and it’s seem so nice to me… anyone can guide me which script or how to do with it?

Thnks

2

hey FutureZone welcome to the forums.

for all Dreamweaver or html questions you should post this in the Client-Side forums.

To answer your question, this is a pretty common attribute at creating a website and im sure it has been answered before on the forums, so for future situations try using the search feature here at kirupaforum.com, you may find the answer quicker than posting the question.

anyway, ill redirect this.

again welcome to the forums, hope you enjoy it here :slight_smile:

3

You can customise them in later browser versions by redefining the body tag in CSS:


body {
        /* scroll bars IE 5.5+ only */
        scrollbar-face-color: #000000;
        scrollbar-highlight-color: #000000;
        scrollbar-shadow-color: #000000;
        scrollbar-3dlight-color: #000000;
        scrollbar-arrow-color:  #000000;
        scrollbar-track-color: #000000;
        scrollbar-darkshadow-color: #000000;
}
4

however, I certainly frown upon this for two reasons:

  1. it prevents your code from validating and…

  2. it doesn’t work in many browsers (most if I’m correct)

5

There’s no reason not to do it. You can avoid compatability problems by storing browser specific CSS in a seperate file and use the import function. Older browsers will just ignore the import.

Not 100% on the syntax, but something like this:


<style type="text/css">
@import url('iestyles.css');
</style>
6

but if you use the validator to validate every one of your css files as you should, it will still load it in :wink: