Changing the colours of your Scroll Bar


Although one of the more vain additions to web design the ability to change the colour of your scroll bar is possible. Check it out =>=>=>=>=>=>=>=>
You will have to describe the colours according to their HEX code or the accepted word descriptions of colour.
You will also have to inter code into your HTML (code view) inside the top of the <body>.


Below in bold is an example of the code, its placement into the HTML of this document, and the colours used highlighted. Simply cut the code (bold) and modify for your use. Read the TIP below.

</head>

<style>
<!--
BODY{
scrollbar-face-color:red;
scrollbar-arrow-color:blue;
scrollbar-track-color:yellow;
scrollbar-shadow-color :goldenrod;
scrollbar-highlight-color:purple;
scrollbar-3dlight-color:green;
scrollbar-darkshadow-Color:orange;
}
-->
</style>


<body bgcolor="#CCFFCC" topmargin="0" background="../../borders/rosyleather.gif">

<div align="center">
<center>
<table border="2" cellpadding="5" cellspacing="1" style="border-collapse: collapse" bordercolor="#FF0000" width="650" id="AutoNumber1" bgcolor="#FFFFFF" height="1">
<tr>

 

IMPORTANT TIP - when copying code for use in your page cut and paste it into a new notepad page and then save and reopen and then cut and paste it into your HTML <Body>
This will clean out any extra code from your copied code!