.jsLink{display:none;} This site uses JavaScript to enhance functionality. Your browser does not have JavaScript enabled.

Coloured Scroll Bar html code HELP!

Tags: Web Development, Css, Ie, Scrollbar
Print this Page • Email this Topic

Read Discussion
Reply to All

hi there everyone i have my own charmed fansite and recently i have noticed that u can do coloured scroll bars. and i was thinking it would help to improve the whole look of my site! but when i asked someone about a code the code i was given only works on the latest technology or whatever.

so i was wondering is there a basic html code that'll give me coloured scroll bars that'll work on my site?

Edit (Moderator): Link removed

if so could u plz be kind enough to post it here with step by step instructions? because sometimes i get a little mixed up! Rolling Eyes

thanks

Peta xo

Topic Stats
Top Replies

Type: Discussion • Score: 2 • Views: 2,020 • Replies: 6

Re: Coloured Scroll Bar html code HELP!

EyeLash wrote:

but when i asked someone about a code the code i was given only works on the latest technology or whatever.

Colored scrollbars only work with IE 5.5+

Such is life.

here's the correct css code:

Code:

<style type="text/css">

BODY {

   	scrollbar-face-color: rgb(VALUE);

   	scrollbar-shadow-color: rgb(VALUE);

   	scrollbar-highlight-color: rgb(VALUE);

   	scrollbar-3dlight-color: rgb(VALUE);

   	scrollbar-darkshadow-color: rgb(VALUE);

   	scrollbar-track-color: rgb(VALUE);

   	scrollbar-arrow-color: rgb(VALUE);

        }

</style>

0 Replies

Re: Coloured Scroll Bar html code HELP!

Monger wrote:

EyeLash wrote:
but when i asked someone about a code the code i was given only works on the latest technology or whatever.

Colored scrollbars only work with IE 5.5+

Such is life.

here's the correct css code:

Code:<style type="text/css"> BODY { scrollbar-face-color: rgb(VALUE); scrollbar-shadow-color: rgb(VALUE); scrollbar-highlight-color: rgb(VALUE); scrollbar-3dlight-color: rgb(VALUE); scrollbar-darkshadow-color: rgb(VALUE); scrollbar-track-color: rgb(VALUE); scrollbar-arrow-color: rgb(VALUE); } </style>

so in the value part u put the colour wanted?

0 Replies

Exactly, but in RGB color values.

It can be more simple though, you could just use something like:

Code:scrollbar-face-color: red;

There are several ways to specify a color. . .all of the following would give you the same red:

color: red; //(Nice & easy)
color: rgb(255,0,0); //(Using RGB (red green blue) values)
color: #FF0000; //(Using hexadecimal RGB values)

0 Replies

IE Scrollbar Color Generator

0 Replies

Craven de Kere wrote:

IE Scrollbar Color Generator

thank u!!!!!!! thats exactly the type of help i wanted. cause its really easy to do with the link u gave me! if i remember i'll try and do it next week! Smile

0 Replies

Since you're talking about "color" in here, I wondered if anyone can give me the HTML code for that beautiful rainbow-inside-all-type
effect???

0 Replies

Read Discussion
Reply to All