Chief Delphi - Scroll Bar Color

Chief Delphi (http://www.chiefdelphi.com/forums/index.php)

- Website Design/Showcase (http://www.chiefdelphi.com/forums/forumdisplay.php?f=64)

- - Scroll Bar Color (http://www.chiefdelphi.com/forums/showthread.php?t=23780)

K.Shaw

12-01-2004 22:31

Scroll Bar Color

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

Re: Scroll Bar Color

Quote:

Originally Posted by K.Shaw

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

12-01-2004 22:37

Re: Scroll Bar Color

Quote:

Originally Posted by K.Shaw

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

Re: Scroll Bar Color

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

Re: Scroll Bar Color

Quote:

Originally Posted by monsieurcoffee

Works only for IE browsers.

Correction, only Windows IE browsers...

pedro

13-01-2004 20:54

Re: Scroll Bar Color

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

13-01-2004 21:05

Re: Scroll Bar Color

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

Re: Scroll Bar Color

Quote:

Originally Posted by K.Shaw

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:

Code:

<head>

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

</head>

Yan Wang

13-01-2004 21:09

Re: Scroll Bar Color

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

Re: Scroll Bar Color

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

Re: Scroll Bar Color

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

All times are GMT -5. The time now is 16:22.