Area Template
Learn how to use area templates. Create the default layout for all pages of your website.
On every page of your website there are several page areas (e.g. for header, footer, navigation and content). Some of these areas are on every page the same (e.g. navigation, footer, header). Create area templates for these areas, and display them on every page.
All area templates of your project are listed under Area Templates in the project list on the left side of your window.
Select the folder Area Templates and click creates a new page area.
Duplicate a selected area template.
Delete a selected area template.
The area template has the same properties as a page area (but only those properties regarding the style and layout).
To applay an area template to a page area, select the page area and look at the properties. Select your area template at Page Area > Area Template. All properties regarding the style and layout will disappear. They are now controlled by the area template.
Properties for Area Template
These properties can be set for an area template. Select an area template to show its properties.
Area Template > Width | Sets the width of the page area (pixel). The width of a page area must be smaller or the same like the page with. |
---|---|
Area Template > Height (min) | Sets the minimal height of the page area (pixel). The real height is calculated by the height of the content and the height of other page areas in the same row. |
Area Template > Margin Left | Sets an offset from the left side of the page area content. |
Area Template > Margin Right | Sets an offset from the left side of the page area content. |
Area Template > Margin Top | Sets an offset from the top side of the page area content. |
Area Template > Margin Bottom | Sets an offset from the left side of the page area content. |
Area Template > Background Color | Select a background color for the Page Area. |
Area Template > Background Picture | Select a background picture for the Page Area. With "Repeat", you can choose how the picture will be displayed. |
Area Template > Border Left Width | Displays a border on the left side of the Page Area in the choosen width (pixels). |
Area Template > Border Left Color | Select a color for the left border. |
Area Template > Border Right Width | Displays a border on the right side of the Page Area in the choosen width (pixels). |
Area Template > Border Right Color | Select a color for the right border. |
Area Template > Border Top Width | Displays a border on the top side of the Page Area in the choosen width (pixels). |
Area Template > Border Top Color | Select a color for the top border. |
Area Template > Border Bottom Width | Displays a border on the bottom side of the Page Area in the choosen width (pixels). |
Area Template > Border Bottom Color | Select a color for the bottom border. |
Area Template > Add HTML Code | Add custom html code to the Page Area to extend Goldfish's functionality. |
Area Template > Add CSS Code | Add custom css code to the Page Area. The code will be stored in the css section of your website. You can't change the css code of internal items, but you can use the css code in your custom html code. |
Konnte diese Hilfeseite Ihre Fragen beantworten?
Wenn Sie zu diesem Thema noch weitere Hilfe benötigen oder in diesem Kapitel eine Information fehlt, schreiben Sie uns.