Horizontal areas
Horizontal areas are the
Header,
Footer,
Top and
Bottom, see
Web site structure. In addition to the
File function group, the following additional function groups are also available:
Area function group
This group contains all the functions that can be used to configure the background and dimensions of the current area.
Here you can set the background colour and can upload a background image. Read about the basics of this in
Uploading images and
Colour selector,
above. Note that for entire areas, background images have a higher priority than background colours.
Use Margin to set the space between the active area and other areas.
Use Padding to set the space between page elements within an area to the edge of the area.
Alignment determines the placement of the page elements in an area.
Font function group
You can format the individual text elements of the current area such as, for example, headings and links as well as set various fonts for these.
Page elements function group
Page elements are functional elements that can be placed in all areas apart from the content area.
The visitor navigates through the web site with these and opens the functions. See also Page elements and navigation.
In addition to making the page elements available on the web site, you can also edit their design to a certain extent by uploading images and changing colours.
(Active) button / (Active) button - Right Image
Buttons are areas that contain links. Depending upon the template, these buttons are designed differently. See
Figure 9 and
Figure 10.
Figure 9: Rectangular buttons
Figure 10: Buttons as tabs
You can assign a background image to these buttons. For simple rectangular buttons such as in
Figure 9, it is good enough to upload an image for
Button. The image must be at least as long as the longest button.
If the buttons are tabs with rounded corners such as in
Figure 10, you have to upload left and right-hand image sections, each containing the right and left pare of the tab. Proceed as follows:
- Activate Buttons in Page elements.
- Upload a background image for the left part of the tab.
- Activate the Button- Right image in Page elements.
- Upload a background image for the right part of the tab.
The image for the right side must be at least as long as the longest button, because it fills the tab from right to left.
In such a tabbed layout, the active tab is often highlighted. You can upload appropriate images for this purpose. Do this using the Active button and Active button - Right image options.
Box
A box consists of a header row and a list of entries or entry fields. Examples for this in horizontal areas:
- Signing in
- Product search with link “Advanced search”
- Shopping basket summary as a box
You can upload a background image and configure a background colour for the box and the header. See also
Uploading images. and
Colour selector,
above. When doing this, please note the following:
- The background image for the box covers the background of the complete box including the header.
- The background image of the header is limited to the header and covers the background image of the box within it.
- The background colour of the box covers the box area without the header and covers the background image.
- The background colour of the header covers the header, covers the background image of the box and is covered by the background image of the title row.
In addition, you can define the width of the box within the navigation bar. Enter the values in pixels (px).