Changing the browser scroll bar

[Don Dean]

I found these scrollbar properties on a website and wanted to experiment with
them. Put them in my CSS for FP2003, but nothing happened. Here's what I
tried. Is there something special that has to be done to get these
properties to change the scroll bar?

body
{
scrollbar-face-color: #000000;
scrollbar-base-color: #000000;
scrollbar-highlight-color: #FF0000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #003399;
scrollbar-track-color: #F7F7EA;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #FFD700;
}

 

[Thomas A. Rowe]

You need to test the page using File Menu | Preview In Browser | IE

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

 

[Dave B.]

Click Format, then style sheet links, and link it

 

[Andrew Murray]

Supports IE only.

 

[Don Dean]

Hmmm.
If that's the case, then I don't think I'll bother with it.
Thanks Murray.
--
Don
*********

Supports IE only.

 

[Don Dean]

I put it in a style sheet that I was already using and was already linked to
all of my pages. So that's not the problem.
Thanks anyway, Dave.

 

[Stefan B Rusynko]

See http://www.echoecho.com/toolcustomscroll.htm

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


|I found these scrollbar properties on a website and wanted to experiment with
| them. Put them in my CSS for FP2003, but nothing happened. Here's what I
| tried. Is there something special that has to be done to get these
| properties to change the scroll bar?
|
| body
| {
| scrollbar-face-color: #000000;
| scrollbar-base-color: #000000;
| scrollbar-highlight-color: #FF0000;
| scrollbar-shadow-color: #FFFFFF;
| scrollbar-arrow-color: #003399;
| scrollbar-track-color: #F7F7EA;
| scrollbar-darkshadow-color: #000000;
| scrollbar-3dlight-color: #FFD700;
| }
|
| --
| Don
| *********

 

[Don Dean]

Tried that, and it didn't make any difference.
I think I'll forget about this anyway, since Murray said in his post the
scrollbar attributes only work in IE.
Thanks anyway Thomas.

--
Don
*********

You need to test the page using File Menu | Preview In Browser | IE

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

 

[Don Dean]

Nifty little site.
Thanks Steve.

 

[Don Dean]

Any thoughts from anyone in that I can place the scrollbar CSS code in the
heading of an individual page and it works just fine, but if I place it in my
CSS page, which is a current CSS page and is linked to all of my pages and is
working OK,
then the scrollbar code does not work.

 

[Αντώνης]

Do you already have another BODY portion in your CSS file?
If so, you have to merge the two. Add the new "properties" at the
existing ones...

_____________________________________________________________
B&D Technologies
http://www.bd-tech.com
Antoni Biliardis - antoni(at)bd-tech.com

Don Dean wrote, On 06/17/2006 06:32:

 

[Don Dean]

Just to make sure, I did a "Find" on the page and there were no other "body"
statements.
Here's what the total statement looks like:

body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-image: url(textures/Canvas.jpg);
background-repeat: repeat;
background-color: #003399;
margin-top: 10;
margin-left: 10;
scrollbar-face-color: #000000;
scrollbar-base-color: #000000;
scrollbar-highlight-color: #FF0000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #003399;
scrollbar-track-color: #F7F7EA;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #FFD700;
}

 

[Kathleen Anderson [MVP - FrontPage]]

Don:
If you use a valid DOCTYPE declaration, you will not get colored scroll
bars in the browser window unless you declare the style for the html tag,
not the body tag.

You need to do this:

html
{
scrollbar-face-color: #000000;
scrollbar-base-color: #000000;
scrollbar-highlight-color: #FF0000;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #003399;
scrollbar-track-color: #F7F7EA;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #FFD700;
}


--

~ Kathleen Anderson
Microsoft MVP - FrontPage
Spider Web Woman Designs
web: http://www.spiderwebwoman.com/resources/
FrontPage Support: http://www.frontpagemvps.com/