trafficmedia - ++ Colors & Sidebars

Simple Site Designer

How to Set the Website's -
Skin (Colors) & Structure (Side Bars)

Under the “Colors and Sidebars” tab you can set the exact look of the website, and make changes quickly, to satisfy your clients' taste.

"Home Page" / "Internal Pages" Designs

Note that you can choose between the "Home Page" settings and the "Internal Pages" settings.

The Homepage's sidebar structure can be set differently from that of the internal pages.
Changes can be made by choosing the “Internal Pages” tab. Otherwise the internal pages automatically adopt the same sidebar structure as the Homepage.

Setting the Sidebars (The content areas)

By setting the “No. of Sidebars”, you set the website's number of content areas (content columns).
You can choose to set the website to one central content area (0 side bars), two content areas (one central + one sidebar), or three content areas (central + 2 sidebars).

Sidebars - Examples

0 Side Bars = One Central Content Area

1 Side Bars = Two Content Areas

2 Side Bars = Tree Content Areas

Choose Skin Style

By choosing a skin you set the colors and icons of the website.
Click on the "Choose Skin Style" to open the skins gallery.

Choose one set of Skins from the gallery
The skin can be changed at any future time and will effect all website contents

Set the Skin Colors

Every skin has its own set of colors, presented in the “Skin Color” box.
When you click on a color set you will see that the skin has changed its colors.

Every color box has three options:
The top represents the color of the top menu; the center represents the color of the content titles, and the bottom color represents the main color of the website.

"Skin Color Options"
Click “Skin Color Options” and choose the exact colors of the website.

For every skin color set you can make color variations. Every skin color that is not white, black or grey, can be changed. Every skin and color set has different elements that can be changed. Click on Skin Color Options to see the various options available.

Skin Colors - Examples

Sample Skin Color 1

Sample Skin Color 2

Sample Skin Color 3

See Also:

Add Background >>>
Learn how to add a background to the website (using the Background Gallery or your own background)

Add Flash >>>
Learn how to add unique Flash elements or a Flash effect layer to the website header

Enhanced Header >>>
Learn how to make graphic changes to the website header