[RESOLVED] Vertical scrollbar color

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

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

For example:

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

   ---

   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. :)

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.

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). :)

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.

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.

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;
}

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.

Quote:

---

Originally Posted by buf

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

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.

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. :(

Quote:

---

Originally Posted by buf

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

---

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

This won't work:

Code:

---

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

---

This will:

Code:

---

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

---

Quote:

---

Originally Posted by buf

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.

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.

I can't believe 6 weeks have gone by since I threw in the towel and gave up on the subject. I have found what may be an answer to my wishes. Before I get overly excited, tell me what you think of this: http://www.iconico.com/CSSScrollbar/ Possible? And my continued thanks.

Quote:

---

Originally Posted by buf

... tell me what you think of this: http://www.iconico.com/CSSScrollbar/ Possible?

---

If it works on your setup, it's possible. :)

Thank you!!!!!!!!!! I searched high and low looking for this solution to changing the color of my scrollbar.....and finally, I found your post with the perfect (and easy to follow) instructions.

I copied the code you provided, put in the colors I prefer and saved the code as a .css file to a folder on my desktop and then followed your instructions on Internet Explorer. I saved two separate codes (one with black and one with white track colors) in my desktop folder. All I have to do now when ever I prefer the white or black track color - is click on the "Tools" button on IE.

Thank you very much!

we0905

Quote:

---

Originally Posted by SpywareDr

For example:

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

   ---

   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. :)

---

You're more than welcome. And welcome to VirtualDr. :)