
Intro |
Purpose |
Outline |
Creation |
Colors |
Coding |
Content |
Design |
Publish |
Color and Coding
How to change the colors of the scroll bar.
The scroll bar code contains 7
hexadecimal (#000000) color codes. The seven parts are: the face, shadow,
highlight, 3dlight, dark shadow, track, and arrow.
You can put the code directly in the
HTML code of the page between the <head> and </head> tags or include it in a CSS
style sheet.
| The HTML code looks like this: |
The CSS Style Sheet code
looks like this: |
|
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #00FF00;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #00FF00;
scrollbar-darkshadow-color: #66CCFF;
scrollbar-shadow-color: #FF0000;
scrollbar-arrow-color: #FF6600;
scrollbar-track-color: #FFFF66;
}
-->
</STYLE> |
body {
scrollbar-face-color: #000000;
scrollbar-shadow-color: #404040;
scrollbar-highlight-color: #D4D0C8;
scrollbar-3dlight-color:#808080;
scrollbar-darkshadow-color: #404040;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #404040
}
|
If you would like to use a
Color Scroll Bar Code Generator
CLICK HERE |