:: DREAMWEAVER RESOURCES ::COLORED SCROLLBARS - IE ONLY ::

 

Example of Vertical Scroller -
See tutorial list ...

Dreamweaver TemplatesDreamweaver TemplatesDreamweaver TemplatesDreamweaver Templates

How to do it:

We apply the style to the html tag - not the body tag in a page with a valid doc type.

It is IE specific only - does not work cross browser.

Scrollbar colors show up in Internet Explorer 5.5+. Other browsers will see the default scrollbars.

Use the following code just before the closing </head> tag.

<!-- APPLY THE STYLE TO THE HTML TAG - WILL ENSURE THAT THE PAGE VALIDATES-->


<!--[if IE]>
<style type="text/css">
html {
scrollbar-arrow-color:#FFFFCC;
scrollbar-track-color:#D9D9FF;
scrollbar-face-color:#D9D9FF;
scrollbar-highlight-color:#8C8CFF;
scrollbar-3dlight-color:#8C8CFF;
scrollbar-darkshadow-color:#8C8CFF;
scrollbar-shadow-color:#8C8CFF;
}

</style>
<![endif]-->

 

This code validates:

 

Back to Dreamweaver Resources Tutorial Index