The Template Editor dialog is accessed by clicking the Template Editor button on the Project Template toolbar. You can use this dialog to customize the appearance of the template to match your project needs. There are four tabs, although the TEMPLATE ELEMENTS is the main one to use when you are 'tweaking' a template:

Template Elements

Edit template elements, such as the template and page background, headline, pageheader and menu font style, etc. Note that page area is the area where you add actual page content, while template area is the expanded area that holds both menu and page area.

Editable elements are recognized by the spanner (edit) and arrow (restore) icons (see the screenshot below).

When you move mouse over the icons you will be able to see which element is this.

Click the spanner icon () to see the editable element properties. To restore a default settinsg a template element, click the restore icon () .

CSS Styles (for advanced users only)

CSS (Cascading Style Sheets) is a 'style sheet' language used to describe the presentation (look and formatting) of your web pages. If you take some time to read what's there you should be able to work out what the code is doing. Generally it's setting fonts, border widths, indentations etc.

For example, when you click on a style (Banner is selected above) its properties will show on the right. You can edit these properties or directly type changes into the code on the edit area.

Typical CSS elements of interest are style xm1, this formats the main page area. Style sitename1 which formats the first line of the sitename, Sidebar style formats the editable area. Search style formats the search box position. When you edit styles it is useful to switch between CSS and HTML tabs to see what each area does.

HTML (for advanced users only)

EZGenerator builds pages from the HTML skeleton outlined on this tab. Changes here directly affect the page design and elements on it.

Examples of the things you can do are re-order areas, defined with DIVs. In most templates there is one main container DIV that holds all areas. Inside this you can have some or all of the following: topbar, sidebar, menus, sitename1, sitename2, one or more editable images, search, editable area, page area and footer (depending on the selected template).

For example, you have four areas - topbar, xm1, sidebar and footer. Topbar holds the first level menu (which are menu items), the search box ("search"), the editable image (you can recognize it by "eima" ID) and the sitename. Xm1 holds the actual page content. Sidebar holds the second level menu ("smenu") and the editable area ("area"). Footer holds the footer content. So inside the topbar, you could put search at the top, instead of under the menu.

Online Administration

Use this tab to edit the online administration panel layout.

template • editor