Scroll Bar Color

K.Shaw · #1 12-01-2004, 22:31

How do you change the color of the scroll bar on your website?

because it is really coool!!!

Yan Wang · #2 12-01-2004, 22:35

Quote:

Originally Posted by K.Shaw

How do you change the color of the scroll bar on your website?

because it is really coool!!!

Add this in your CSS:

Code:

BODY {
scrollbar-face-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-Color: #000000;
        }

Works only for IE browsers.

Rickertsen2 · #3 12-01-2004, 22:37

Quote:

Originally Posted by K.Shaw

How do you change the color of the scroll bar on your website?

because it is really coool!!!

here is a tutorial: http://www.websitetips.com/info/css/scrollbars.html

BTW: Although many browsers understand it, scrollbar styling is not w3c supported, however it is fairly safe to use because if a browser doesn't support it, then o well.. the scrollbar won't show up styled.

K.Shaw · #4 12-01-2004, 22:41

Thanks alot!!

i posted like less than 5 minutes ago and got two answers....chief delphi forums and you guys are great! lol

iBob · #5 13-01-2004, 07:28

Quote:

Originally Posted by monsieurcoffee

Works only for IE browsers.

Correction, only Windows IE browsers...

pedro · #6 13-01-2004, 20:54

Something else that works great is

Code:

body { scrollbar-base-color: #009900; }

If you just want some sort of green and allow the browser to figure out how to make it look nice.

K.Shaw · #7 13-01-2004, 21:05

thanks for the code but im not quite sure how to add it? someone please explain thanks

Yan Wang · #8 13-01-2004, 21:08

Quote:

Originally Posted by K.Shaw

thanks for the code but im not quite sure how to add it? someone please explain thanks

Well, you could create a file called style.css to for the central css of your site. In it you could paste what I posted... and add other stuff as needed to define various things like table styles, links styles, etc.

In each html file or php file that you want to access the style.css file with, you need this in the html's <head> tag, linking to the css file as you would an image, etc. with its directory and file name:

Code:

<head>
<link href="style.css" type="text/css" rel="stylesheet">
</head>

Yan Wang · #9 13-01-2004, 21:09

Since you seem new at html/css, you should check out some of the tutorials at www.htmlgoodies.com

Nicely written for the aspiring webmaster

pedro · #10 13-01-2004, 21:41

The other way is by using the following in the <head> tags:

<style type="text/css">
body { .... }
</style>

This isn't as efficient because if you ever want to change it you will need to edit every document (while you only have to edit a single linked style sheet in the other method).

K.Shaw · #11 15-01-2004, 00:56

ok thanks i got it to work you guys are awsome!

Thread Tools
Show Printable Version Email this Page
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Falling off the bar... :\	Swampmonkey	General Forum	47	14-03-2004 12:47
Raising the bar...or lowering it?	Ben Mitchell	General Forum	29	13-01-2004 03:30
Make the bar lower to get on?	tkwetzel	Rules/Strategy	28	12-01-2004 05:57
Vertical bar interaction	Madison	Rules/Strategy	5	10-01-2004 16:22
Grab bar on bottom of goals	archiver	2001	0	24-06-2002 00:49