Software Tutorials |
|
Website Templates Types |
|
|
Website Templates Categories |
|
|
Partners |
|
|
Featured Free Templates |
|
|
|
:: Free Website Templates
Do You Like Our Website? Share With Others!
      
Page: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25 Welcome To WebDesignTutorials.net HTML and CSS Tutorials Area - Define Page Scrollbar Styles
HTML and CSS Tutorial - Define Page Scrollbar Styles
Once you know
which area is defined with which code you can modify it as
you like. Actually the code is quite self explanatory. Anyway
let"s have a look.
<STYLE TYPE="text/css">
BODY
{
scrollbar-face-color: green;
scrollbar-shadow-color: blue;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: brown;
scrollbar-track-color: yellow;
scrollbar-arrow-color: white;
}
</STYLE> |
To change the style of the page scrollbar you need to insert
the above code between your <head></head> tages
in the page. Color names such as green, blue...etc can be
replaced with the hexa decimal codes such as #000000. The following image shows which codes
define which part of the scrollbar. I guess it does not
need further explanation, since everything is clear already.
Go ahead and make your page look nicer.
 Page ScrollBar definition. |
This is what I have used for my pages,
feel free to use it if you want. <STYLE TYPE="text/css">
BODY
{
scrollbar-face-color: #EAEAEA;
scrollbar-shadow-color: #EAEAEA;
scrollbar-highlight-color: #EAEAEA;
scrollbar-3dlight-color: #EAEAEA;
scrollbar-darkshadow-color: #697074;
scrollbar-track-color: #F7F7F7;
scrollbar-arrow-color: #666666;
} |
|
Advertisements |
|
| Graphic Software, Flash Templates, Free Stock Photos, Web Templates, Web Design, Corporate Web Design, Royalty Free stock Photo, Affordable Website Design, Submit site, Add Url, Stock Photos, Survey Software, Anti Virus Software, E mail software, Computer Software |
|
