 |
|
+ Main Designs + Main Menu Designs + Corner Layouts + Popup |
 |
 |
|
+ 88x31 + 200x40 + 230x60 + 400x60 + 400x80 + 400x100 |
|
 |
|
+ Video Game Sprites + Guestbook Image Maps + Guestbook Buttons + Splash Images + Seperators + Background Tiles |
|
 |
|
+ Fonts + Tutorials + Graphic F/X Tutorials + Links + Email Me + Sign The Guestbook + View The Guestbook + Cliques |
|
 |
|
|
October: Sailor Pluto
|
|
|
 |
    
|
|
Add the following between the <HEAD></HEAD> tags of your document.
| <STYLE type="text/css"> <!-- BODY { scrollbar-track-color: color; scrollbar-face-color: color; scrollbar-arrow-color: color; scrollbar-highlight-color: color; scrollbar-shadow-color: color; scrollbar-3dlight-color: color; scrollbar-darkshadow-color: color; } --> </STYLE> |
Graphical rundown of what's what:
|
Some Scroll Bar Examples
A Basic Style:
This can be achieved two different ways.
|
<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#CE9CFF; scrollbar-arrow-color:#000000; scrollbar-track-color:#EFD6FF; scrollbar-shadow-color:#7B5A9C; scrollbar-highlight-color:#EFD6FF; scrollbar-3dlight-color:#CE9CFF; scrollbar-darkshadow-color:#000000; } --> </STYLE> |
 |
<STYLE type="text/css"> <!--> BODY { scrollbar-base-color: #FF99FF; } --> </STYLE> |
 |
| Outline Style: | Outline Style with "Transparent" Track (using white as example): |
||
|
<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#CE9CFF; scrollbar-arrow-color:#000000; scrollbar-track-color:#AD42FF; scrollbar-shadow-color:#CE9CFF; scrollbar-highlight-color:#CE9CFF; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#000000; } --> </STYLE> |
 |
<STYLE type="text/css"> <!-- BODY { scrollbar-face-color:#CE9CFF; scrollbar-arrow-color:#000000; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#CE9CFF; scrollbar-highlight-color:#CE9CFF; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#000000; } --> </STYLE> |
 |
| Beveled Style: | |
|
<STYLE type="text/css"> <!-- BODY{ scrollbar-face-color:#A874D4; scrollbar-arrow-color:#A874D4; scrollbar-track-color:#8444B6; scrollbar-shadow-color:#8444B6; scrollbar-highlight-color:#C9A0DC; scrollbar-3dlight-color:#8444B6; scrollbar-darkshadow-color:#C9A0DC; } --> </STYLE> |
 |