CompanyWeb Articles
|
Web Tips ArticleWeb Tips Article is syndicated from Web-Source.net.
Syndicated articles are written by independent authors and the contents represent the author's views. The content of the article does not necessarily represent the views of Company Web staff and management.
Courtesy of Web-Source.net
Customizing Scrollbar Colors (IE)
If you would like to change the colors of your web page's scrollbars, add the following code between your <HEAD> and </HEAD> tags.
<STYLE type="text/css">
<!--
body { scrollbar-face-color: #317B9C;
scrollbar-track-color: #87B4C9;
scrollbar-arrow-color: #54A1C4;
scrollbar-3dlight-color: #B8D7E6;
scrollbar-shadow-color: #1E6180;
scrollbar-highlight-color: #7CBCDA;
scrollbar-darkshadow-color: #1E6180}
//-->
</STYLE>Change the text indicated in red to your preferred colors.
If you would like to change the colors of your form scrollbars, add the following code to your TEXTAREA code. You can also change the text color on your "submit" and "reset" buttons as well.
<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<TEXTAREA wrap="virtual" name="comments" rows=6 cols=20 STYLE="scrollbar-face-color: #317B9C; scrollbar-track-color: #87B4C9; scrollbar-arrow-color: #54A1C4; scrollbar-3dlight-color: #B8D7E6; scrollbar-shadow-color: #1E6180; scrollbar-highlight-color: #7CBCDA; scrollbar-darkshadow-color: #1E6180">This example displays the scrollbars in an alternative color. You can change these colors to whatever you'd like simply be changing the hexidecimal color codes indicated in red.</TEXTAREA>
<INPUT type="Submit" VALUE="Submit" STYLE="color: #1E6180">
<INPUT type="Reset" VALUE="Reset" STYLE="color: #1E6180">
</FORM>Browser View:
Keep in mind, if you change the colors of your scrollbars, make sure your selected colors match your website's color scheme.
Copyright © Shelley Lowery 2002-2003
Web Design Tips is an excerpt from Web Design Mastery - An Internet Marketers Copy & Paste Reference Guide. Learn how to design a professional web site in the easiest possible fashion -- with hundreds of copy & paste codes.
More Web Tips Articles...
- Adding Audio To Your Site
- Can Your Visitors Trust You
- Customizing Scrollbar Colors
- Disappearing Form Text
- Displaying Text With An Image
- Enlarging Text Without Font Tag
- Flashing Cursor In Form On Load
- Hidden Keywords
- Highlighting Links And Text
- Make Sure Your Website Looks Great To Everyone
- Navigating Your Website
- Non Indented Customized Bullets
- Non Tiling Background Images
- Page Transitions
- Registering Your Domain Name As A Trademark
- Selecting A Quality Web Host
- Selecting The Perfect Background And Font For Your Website
- Setting Parameters Within Body Tag
- Tabbing Through Forms
- To Frame Or Not To Frame
- Web Page Linking Methods
- What Does Your Web Site Convey To Your Visitors
Frontpage, NT are Trademarks of Microsoft Corporation. CompanyWeb Site Copyright (c) 1998 - 2003, CompanyWeb.net Site Development Service Group.