Coloured scroll bars

**Coastguard** · 20 April 2010, 07:48 PM

When I used netobjects fusion I was able to add a small script into my page that changed the scroll bars to match my site theme.

Is it possible in XWD6 and if so where do I put it?

I have tried a place holder on and off the page with no effect.

Any ideas?

This was the script:

<SCRIPT LANGUAGE="JavaScript"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="./pagealign.js"></SCRIPT>

<STYLE type="text/css">
BODY {scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-base-color:;
scrollbar-track-color:#F8D88E;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#DEB03C;
scrollbar-highlight-color:#D2B48C;
scrollbar-shadow-color:}
</STYLE>

**covoxer** · 20 April 2010, 08:09 PM

Place following into the head placeholder (the code placeholder with assigned "<head>" name):

Code:

<style type="text/css">
body {scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-base-color:;
scrollbar-track-color:#F8D88E;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#DEB03C;
scrollbar-highlight-color:#D2B48C;
scrollbar-shadow-color:;}
</style>

**Coastguard** · 20 April 2010, 08:23 PM

Thanks John

I will have a play.

**steve.ledger** · 20 April 2010, 08:32 PM

Actually that doesn't work as advertised.
I had a similar conversation with GP about this last year.
To change the scroll bar colours replace BODY with HTML

<style type="text/css">
HTML {scrollbar-3dlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-base-color:;
scrollbar-track-color:#F8D88E;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#DEB03C;
scrollbar-highlight-color:#D2B48C;
scrollbar-shadow-color:;}
</style>

See attached for an example

Note that scroll bar colouring only applies to IE.