Design & Layout

“DesignSets” - colors and fonts

“DesignSets” are pre-defined color and font combinations. Click on the “Design” tab. Then, click on the designSets menu item. All design sets will be listed out. Choose the “designSet” you want and click on the preview icon. Confirm your selection by clicking on the "Save Preferences" button. Colors and fonts in the portal will then be set. You are always free to choose a new design. A new selection can be made according to your preference at any time.

“MasterDesigns” - layout raster

The “MasterDesign” is the fundamental "layout" of your portal; it sets the menu and content format. Click on the “Design” tab. Then, click on the "Design” tab and the MasterDesign menu item. All available MasterDesigns will be displayed with short descriptions. Choose the MasterDesign you want and click on the thumbnail preview. Confirm your selection by clicking on the "Save Preferences" button. The basic construction of the portal will then be changed. You are always free to choose a new design and a new selection can be made according to your wish at any time.




Top

Logos and icons

You will see basic logo and icon preferences available in your portal. Additional logos and images can be integrated individually using "DesignManager".

Setting logos for the layout and for the start page

To place logos at the top of the layout and on the start page, click on the “Icons - Logos” menu item at the top of the page.

You will see the following list:

• Logo #1 (top left)

• Logo #2 (top right)

• Logo #3 (background of logo #1 and #2)

• Logo #4 (complete background)

• Logo #5 (start page logo for guests)

• Logo #6 (start page logo for registered users)

Click on the “Select image” link next to the file path input field. After that, a new window will open where you can choose logos to be uploaded from your local computer.

When you upload images, you have the choice of leaving images in their "original width" or of converting the images into “standard width” when they upload.

You can set the standard size on the general design settings screen. Please do not upload images from your digital camera that are larger than 6 million pixels or 1 MB.

The optimal logo size is 200 pixels in width and 100 pixels in height with a resolution of 72dpi and a file size of approximately 30 KB.

When you have finished uploading the image, select the image you want by clicking on it. The window will then close and the file path of the image will appear in the input field, for example, "logo_images/water/company_logo.gif". After assigning logos and images, click on the "Save Preferences" button.

Fitting icons to a background

You can assign icons for dark and light backgrounds and menu functions. Click on “Icons” under the menu item “Logos - Icons”. You will then see the following overview:

• Current icons you see existing icons here.

• Selection choose the icons you want here.

  • Icons for light backgrounds

  • Icons for dark backgrounds

Confirm your selection by clicking on the "Save Preferences" button.

Icons for a menu function

Click on the “Icons for menu functions” menu item. You will see the following list:

• Current menu function icons icons currently assigned menu functions.

• Selection choose the icons you want for menu functions here via the selection box.

  • Blue folders and lines

  • Yellow folders and lines

  • White folders and lines

  • Dots and lines

  • with dots

  • with lines

Confirm your selection by clicking on the "Save Preferences" button.

Top

General preferences

Click on the “Design” tab. Then, click on the "General preferences” menu item.
You will see the following list:

• WYSIWYG HTML Editor choose the WYSIWYG editor you want using the selection box.

  • No Wysiwyg-editor (you can enter HTML code into the text field instead).

  • FCK-editor (complex, works in any browser).

  • FCK-editor basic (simple, works in any browser).

  • htmlArea InteractiveTools (complex, works in any browser).

  • htmlArea InteractiveTools basic (simple, works in any browser).

  • RealObjects edit-on Pro (works in any browser, java applet, license required).

  • Micrsofot DHTML Edit control (only available in MS Internet Explorer).

After saving, the editor you selected will appear. It could appear in the long description of stories or in the billing and proposals section of the online shop, for example.

• CSS Print Profile choose the print profile you want for stories via the selection box.

  • standard (the standard print profile).

  • design/design.css (employs the color and font styles of your portal as a print profile).

  • design/design_print.css (for example, your individual print profile).

You can also create additional CSS files in the “design” index if you are familiar with CSS. The following are CSS formatting possibilities:

• Story lists enter the number of stories to be listed on the start page, for example, "20".

• Intro image size enter the width in which the preview images should be displayed in the intro template here, for example, "100" pixels.

• Standard image size enter the standard image size here. This size is then available when images are uploaded, for example, "200" pixels.

• Alternate images you can make images alternate automatically in the intro templates by checking this box.