Changing Website Template Color Themes
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:
The Flash header colors can be edited in either the .js file like the "header.js" or, in the template CSS file, or in both. Search your CSS file for either "header" or "flash" to find the CSS code to edit. Click below to see the variables to change in a "header.js".
In some templates to change the Flash background, you will need to edit one or more of the following:
header.js
header_index.js
corporatestyle.css
coolstyle.css
The .css files in the "colors" or "css" folder.
Flash in .js files:
Open one of the above .js files in Notepad, look for this code near the top:
var flashcolor ="000000" // HEADER BACKGROUND COLOR
Edit the HEX number, or numbers, with your HEX code. In the above example edit the 000000 to another HEX color. See the color chart or color mixer for HEX colors. If you edit this code and the header does not update your color code may also be in the template CSS file.
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
|
|
Allwebco Chrome Templates
Quick color change css web templates.
AllwebcoDesign.com
Free Javascripts
Free scripts for any website or template.
Allwebco-Templates
Mobile Business Website Templates
HTML5 websites for mobile.
AllwebcoDesign.com
Shopping Cart Templates
Professional templates with built-in Paypal.
AllwebcoDesign.com
|
