Scroll Bar Color [Archive]

K.Shaw

12-01-2004, 22:31

How do you change the color of the scroll bar on your website? :yikes: because it is really coool!!!

Yan Wang

12-01-2004, 22:35

How do you change the color of the scroll bar on your website? :yikes: because it is really coool!!!

Add this in your CSS:

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

12-01-2004, 22:37

How do you change the color of the scroll bar on your website? :yikes: 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

12-01-2004, 22:41

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

iBob

13-01-2004, 07:28

Works only for IE browsers.

Correction, only Windows IE browsers...

pedro

13-01-2004, 20:54

Something else that works great is

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

13-01-2004, 21:05

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

Yan Wang

13-01-2004, 21:08

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

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:

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

Yan Wang

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

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

15-01-2004, 00:56

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