[RESOLVED] Vertical scrollbar color

[buf]

IE8 and Win7. Is there a simple way to change the vertical scroll bar color to a color that may be more easily/quickly seen? As always, TIA

[Midknyte]

Isn't that a function of the site's html rather than the browser?

http://www.htmlbasix.com/scrollbargenerator.shtml

http://www.htmlgoodies.com/beyond/cs...Bar-Colors.htm

[SpywareDr]

For example:

1. Copy and paste the code (text) below into Notepad:

   html {
   scrollbar-base-color: #FFFFFF;
   scrollbar-face-color: #000033;
   scrollbar-track-color: #3333FF;
   scrollbar-arrow-color: #FFFFFF;
   scrollbar-highlight-color: #FFFFFF;
   scrollbar-3dlight-color: #CCCCCC;
   scrollbar-shadow-color: #000000;
   scrollbar-darkshadow-color: #000000;
   }

2. then save it as a text file with the name "c:\my.css" (sans the quotes) and close Notepad.
   
   
3. In Internet Explorer, click Tools > Internet Options > General tab > Accessibility button.
   
   
4. click (check) the box next to "Format documents using my style sheet", then
   
   
5. in the empty "Style sheet:" box, type in:
   c:\my.css
   
   
6. click OK, click OK again, then close and re-open Internet Explorer. You should now see ugly darkblue scrollbar(s).

To change the colors of your scrollbar(s) in your "c:\my.css" file to whatever you like, here is a page showing the name of each element of a scrollbar:

http://www.jessett.com/web_sites/css...rollbars.shtml (scroll down)

and a page with hex codes for hundreds of different colors:

http://www.jessett.com/web_sites/html/hex_colours.shtml

Have fun.

[buf]

Thanks to both of you for responding to my thread.
Midknyte, I have seen one of the links you posted and I can't answer your question about this being a function of the web page and not the browser; I don't know.

Doc, I thought of my project because the vertical scrollbar is difficult to see until I can find and then click on it. My thought was that perhaps I could easily change the color and if so, it would be easier for me. Now, I may be getting cold feet but I 'think', or rather I ask, if I were to substitute your examples with the follow(using my two choices of colors for the scrollbar) I may very well try it:
html {
scrollbar-base-color: #FFOOOO
}

or if I decide to use this color code, I would use the below:


html {
scrollbar-base-color: #OOFFOO
}
Am I on the right track?? I would, of course, make a Restore Point before doing this.

[SpywareDr]

You're on the right track BUT:

1. You need to change all those "O" (oh's) to "0" (zeros). (Hexadecimal, base-16, starts with 0-9 and then continues with A-F: 0123456789ABCDEF).
   
   
2. You don't really need to create a Restore Point. It's simply a .CSS file that can be flipped On/Off (checked/unchecked) at will.
   
   
3. Also, any one of 2.8+billion possible colors is fine. (6^16 = 2,821,109,907,456).

[buf]

OK Doc. I have tried 2-3 times using your step by step instructions to use these as my scroll bar choices:
html {
scrollbar-base-color: #FF0000
scrollbar-base-color: #00FF00
}
So far, I haven't met with success. I must be doing some little "thing" wrong. I'll be trying again after this is posted but I am asking for further help in this matter.

[Train]

html {
scrollbar-base-color: #FF0000
scrollbar-base-color: #00FF00
} You can use one or the other but not both.

Now should you wish to change it, just edit my.css and make the changes.
.css will open in notepad.

[Midknyte]

One is base and the other should be face.

html {
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #000033;
scrollbar-track-color: #3333FF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
}

[buf]

Train, I thought I had tried them one at a time and then decided to put them together in one css. I separated them and tried but no joy. I think I may just forget this 'item' and move on.

Midknyte, ???

Thanks anyway.

[Midknyte]

Midknyte, ???

Thanks anyway.

You put this:
scrollbar-base-color: #FF0000
scrollbar-base-color: #00FF00

That's two entries for the same thing.

It should be this:
scrollbar-base-color: #FF0000
scrollbar-face-color: #00FF00

[buf]

Thanks again Midknyte. I thought of that possibility when I was hitting the 'post' button but am too tired to try it now. I will try it, without fail tomorrow because I would really like to try this.

[buf]

I have given this another few tries but still no success so I am throwing in the towel--and I hate admitting defeat. Many many thanks to all who have tried to help.

[SpywareDr]

I am throwing in the towel--and I hate admitting defeat.

What'd ya'll do with the semi-colons, (";")?

This won't work:

html {
scrollbar-base-color: #FF0000
scrollbar-face-color: #00FF00
}

This will:

html {
scrollbar-base-color: #FF0000;
scrollbar-face-color: #00FF00;
}

[Steve R Jones]

Doc, I thought of my project because the vertical scrollbar is difficult to see until I can find and then click on it.

Food for thought - Change your Windows Theme color. Mine is Silver which can make the scroll bar a bit hard to see when there is a lot of "white" colored pages like here at VDR.

[buf]

Hey Steve. I found your idea to be of help to me. I switched to Windows Classic and now I have enough contrasting color that shows my scrollbar more easily. For now, I am happy. Many thanks for your help.