DHTML script
 

SimplytheBest
Scripts

ASP scripts
PERL scripts
PHP scripts
JavaScripts & Ajax
Snippets
Online scripts

Ajax, DHTML
& JavaScripts

Animation
Background
Bookmarks
Buttons
Calculators
Cookies
Data handling
E-mail
Enhancements
Forms
Image rotation
Menus
Messages
Miscellaneous
Music
Password protection
Redirection
Scrollers
Tables
Time & date
Windows

Publishers
Add script
Account login
Publisher list



 

Home > Scripts > DHTML scripts & JavaScripts > Enhancements > Colored scrollbars

 

Colored scrollbars

AUTHOR: Microsoft
TYPE: Freeware
BROWSERS:
IE 5.5+

A cascading style sheets (CSS) extension to change the colors of the scrollbars in your page. You can set the default colors to the scrollbars in the page (Example 1) or specify the colors to a TEXTAREA element only (Example 2).


EXAMPLE 1

You should see the scrollbars in this page with different colors than the usual default gray.


1)
Insert this Style command in the <HEAD> section of the page. Change your scrollbars with any combination of colors you wish.

then copy (CTRL-C) & paste (CTRL-V)


EXAMPLE 2


1)
Insert this Style command in the <HEAD> section of the page.

then copy (CTRL-C) & paste (CTRL-V)

2) Insert the CLASS tag inside the <TEXTAREA> tag as follows:

<TEXTAREA cols=30 rows=5 wrap=off CLASS="TA">SimplytheBest DHTML Scripts</TEXTAREA>

There is another tag you can include which is: scrollbar-track-color: #color-value. We have not included this tag in our examples.

For more information about the scrollbars colors settings, you can visit Microsoft's workshop.


[BACK] [TOP]

 


Copyright © 1997-2009 SimplytheBest Inc. Terms of Use and Legal Disclaimer.
All copyrights are acknowledged. All rights reserved.