Color Change Option Details
Many newer Allwebco templates feature quick color changes for the header, menu and popups. Some also feature this for other areas of the template as well.
Files with this type of code may include the pop-closeup.js, header.js, menu.js and coolstyle.css or corporatestyle.css files. Any changes you make in the .css or .js files will globally effect every page on your template.
Header Colors: (Common to all new templates)
The header background color can be changed by editing the header.js in Notepad or a plain text editor. You will change the HEX color variables. Click below to see the variables to change.
If your template code does not look like the code in the above link please see this support page.
Finding New Colors:
Check the color chart for template color options. Or download the RGBLab color mixer for custom colors.
Pop-up Variables: | Click for more details
These variables can be found in may Allwebco templates. Your template pop-closeup.js may look slightly different than the link below shows. Open your "pop-closeup.js" in a plain text editor like Notepad. Then click on the eye below to see what code to change.
CSS background color and scrollbar color: | Click for more details
You will find this code only on some Allwebco templates. It is always at the very top of the CSS file. Open your "coolstyle.css" or "corporatestyle.css" in a plain text editor like Notepad. Change the code show below to edit the template background color and scrollbar colors.
BODY { scrollbar-base-color: #000000;
scrollbar-face-color: #999999;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #C0C0C0;
scrollbar-darkshadow-color: #666666;
background-color:#000000; }
More CSS file options: | Click for more details | Click for the color chart
Some templates will have more options for color changes including gradients in the CSS file. Open your "coolstyle.css" or "corporatestyle.css" in Notepad and click on the eye below to see what you can edit to change border colors, background colors, gradient colors or menu colors.
Next Page:
Related Topics:
Changing Font Color, Size and Face
Changing Link Colors
Adding New Font Styles
Editing the Flash Animation
Adding a Second Link Class (advanced)
Links:
Font Colors
Color Mixer Software
|
|
|
