Benutzer-Werkzeuge

Webseiten-Werkzeuge


de:web:dynamic_menus

Dies ist eine alte Version des Dokuments!


Dynamische Menüs

Mit dynamischen Menüs lassen sich große Menüstrukturen platzsparend darstellen. Dies kommt auch der Übersichtlichkeit der Navigation auf einer Website zugute. Dynamische Menüs verhalten sich ähnlich wie Menüs in herkömmlichen Programmen auf einem Computer:

Im normalen Zustand sind nur die Hauptmenüpunkte (z.B. „Produkte“, „Veranstaltungen“ o. ä.) zu sehen. Fährt ein Besucher einer Website mit dem Mauszeiger über einen solchen Hauptmenüpunkt, wird das entsprechende Menü eingeblendet, so dass der Benutzer die enthaltenen Menüpunkte sehen kann. Verlässt der Besucher das Menü mit dem Mauszeiger, wird es wieder ausgeblendet.

Um ein neues Menü zu erzeugen, öffnen Sie im Seiteneditor das Fenster „Dynamisches Menü bearbeiten“ aus dem Menü „Bearbeiten“ / „Dynamisches Menü“. Wenn Sie ein neues Menü erstellen möchten, aktivieren Sie die Option „Neues dynamisches Menü erstellen“ und geben einen Namen für das Menü ein. Durch einen Klick auf die Schaltfläche „OK“ wird das neue Menü erstellt und das Fenster „Dynamisches Menü“ zum Bearbeiten geöffnet.

Sie können auch eine Kopie eines bestehenden Menüs erstellen. Dies ist hilfreich, wenn Sie die Menüstruktur oder auch die Farb- und Schrifteinstellungen eines Menüs übernehmen möchten. Hierfür müssen Sie beim Erstellen des neuen Menüs zunächst das Menü aus der Liste auswählen, das als Vorlage dienen soll. Aktivieren Sie zusätzlich die Option „Als Kopie des ausgewählten Menüs erstellen“.

Die dynamischen Menüs sind nicht an ein bestimmtes Projekt gebunden. Wenn Sie z.B. verschiedene Bereiche einer Website in verschiedenen Projekten verwalten, können Sie die einzelnen dynamischen Menüs mehrfach verwenden.

Deleting Menus

Open the window “Edit Dynamic Menu” and select the menu you would like to delete, then click on the red X “Delete Dynamic Menu” button. A prompt will ask you to confirm. This will affect all pages that use this menu.

Editing Menus

After opening the “Edit Dynamic Menu” window you can see the structure and entries of an existing menu in a list. You can add new entries, move, or delete them. Further options are available by right-clicking on the respective menu entry.

Below the menu structure you can set the links for the individual menu entries. Select a menu item and a activate one of the link type buttons in the lower half of the window. “Link to Page” opens a window “Browse for Page” from which you can select a target page. “Link to URL” places a cursor into the field below it, enabling you to type in a URL address.

The “Open New Browser Window” option causes the link to open the target web page in a new and separate window while leaving the source web page open in its own unchanged window. This is helpful when you do not want the site visitor to navigate away from the page of the activated link. Uses for this could be copyright information or explanatory text, or a detail view of something. The visitor could easily close that window when done viewing it and readily continue perusing the original web page waiting in its original window.

Next to the tab “Menu Structure and Entries” you will find the tab “Settings.” Here you can set the appearance of the menu.

Border settings include outer and inner border width, color, and optional shadow. Shadow intensity and shadow color can also be assigned.

Font settings determine the type of font used in the labeling of the menu items. Also set horizontal and vertical margins to determine distance of text from borders, as well as both regular text color and Color in Focus Mode.

Clicking “OK” saves your settings. When working on several menus use the “Browse” button to navigate to the different menu choices. Edited menus will automatically be published the next time you publish the page.

Assigning a Dynamic Menu to an Object

In Page Editor mode, dynamic menus can be assigned to any images or text objects. When a visitor to your site moves the cursor over the assigned object, the menu will appear. Moving the cursor away from the objects causes the menu to disappear again.

To assign a dynamic menu to an image or text object select it and follow the menu path: “Edit” → “Dynamic Menu” → “Apply Dynamic Menu.” In the “Apply Dynamic Menu” window you can select the menu that will appear when a user’s cursor moves across the object. Use the “Edit Menu” button to open the “Dynamic Menu” window and set or change settings. The dynamic menu will appear left-justified underneath the assigned object. You can change the distance from the object to make it appear at a different position, using the controls in the “Offset to Object” area.

Removing a Dynamic Menu from an Object

You can remove a menu from an assigned object simply by dragging the “Copy Settings” button to the Recycle Bin.

de/web/dynamic_menus.1384357430.txt.gz · Zuletzt geändert: 2013/11/13 10:43 von henning_stummer