WEBPAGE & SCROLLBAR COLOR GENERATOR |
Use the web page color comparison generator tool to get an idea of what text and body color combinations would look the best. It's important to achieve as much contrast as possible while still maintaining legibility. Content is not much use if it can't be read.
Generate scrollbar code then copy and paste it between the quotation marks using the example below as a guide. Then copy and paste the style code between the <head></head> tags of the web page or into a CSS style sheet. If webpage validation is usually done, the scrollbar code will fail as all "scrollbar" references are not supported in current CSS standards. The workaround for this is to put the code into a javascript file and load it externally. |
| |
|
| |
| |
Copy and paste the hex color code
using the example on the right as a guide.
Make certain to put the colon in after color and that the hex code is followed by the ; (semi colon) sign.
|
|
<style type="text/css">
<!--
body {
scrollbar-face-color: CODE HERE ;
scrollbar-highlight-color: CODE HERE ;
scrollbar-3dlight-color: CODE HERE ;
scrollbar-darkshadow-color: CODE HERE ;
scrollbar-shadow-color: CODE HERE ;
scrollbar-arrow-color: CODE HERE ;
scrollbar-track-color: CODE HERE ;
}
-->
</style> |
| |
|