Stil des Hauptmenüs

Schritt 1 - Allgemeine Einstellungen > Template-Stil >

Stil des Hauptmenüs

Previous pageReturn to chapter overviewNext page
Versteckten Text zeigen/verstecken

Dieses Fenster enthält die Funktionen, mit denen Sie einige erweiterte, grafische Einstellungen an den Elementen des Hauptmenüs vornehmen können.

Die Menüs werden auf der Grundlage der in Schritt 2 - Erstellen der Sitemap generierten Sitemap vom Programm automatisch erstellt und aktualisiert. Das Hauptmenü enthält die Einträge der ersten Ebene der Sitemap, die den festen Navigationsbereich der Website bilden. Bei Websites mit horizontalem Menü befindet sich das Hauptmenü direkt über oder unter oder aber in dem Header und ist immer sichtbar. Bei Websites mit vertikalem Menü befindet sich das Hauptmenü in einer Spalte rechts oder links neben dem Inhalt und ist ebenfalls immer sichtbar.

Die Funktionen für die individuelle Gestaltung der Menüelemente sind in folgende Bereiche gegliedert: Allgemein, Menüelemente und 3D-Stil.

Klicken Sie um zu erweitern/minimierenAnleitung: Funktionen im Bereich Allgemein

Mit den Funktionen in Bereich können einige allgemeine Einstellungen für das Hauptmenü vorgenommen werden.

Im Bereich Stil stehen folgende Optionen zur Verfügung:

Breite: Legen Sie hier die Breite der Menü-Buttons in Pixeln fest.
Rand: Definiert den horizontalen und vertikalen Rand in Pixeln, also den Freiraum zwischen dem Rahmen der Schaltfläche und deren Aufschrift.
Abstand zwischen Buttons: Bestimmen Sie hier den Außenrand, also den Abstand zwischen zwei Buttons.
Automatischer Menülauf des Menüs: Bei Aktivierung dieser Option bewegt sich das Navigationsmenü automatisch mit dem Seiteninhalt, sodass es immer sichtbar und verfügbar bleibt.

Bei der Einstellung der Button-Breite muss auch der für das Menü insgesamt verfügbare Platz berücksichtigt werden. Falls Sie kein vordefiniertes Template verwenden, können Sie diesen Parameter ändern (siehe Struktur der Vorlage).

Im Bereich Text stehen folgende Optionen zur Verfügung:

Schriftart: Definiert die Schriftart, den Schriftschnitt und die Größe des Textes.
Ausrichtung: Wählen Sie hier, ob die Button-Beschriftung Links, Zentriert oder Rechts ausgerichtet werden soll.
Anzeige: Legen Sie hier fest, ob die Beschriftungen der Buttons als normaler Text eingefügt, als Bestandteil des Hintergrundbildes gespeichert oder mit einem Antialias-Effekt (Kantenglättung) gemeinsam mit dem Hintergrundbild gespeichert werden sollen.

Wenn die Schriften der Buttons als Text eingefügt werden, können diese von Browsers und Suchmaschinen gelesen werden. Werden diese als Bilder eingefügt, hat man den Vorteil, dass jede Schriftart benutzt werden kann.

Mit den Optionen in Optionaler Inhalt können Sie ein individuelles Objekt erstellen, das vor oder hinter den Menüschaltflächen positioniert wird:

HTML-Code: Feld zum Eingeben oder Einfügen von HTML-Code des zu erstellenden Objekts. Die Werkzeugleiste enthält folgende Schaltflächen:

Ausschneiden [CTRL+X] - Kopieren [CTRL+C] - Einfügen [CTRL+V]

Ausschneiden, Kopieren und Einfügen von ausgewähltem Text.

Abbrechen [Strg+Z] - Wiederherstellen [ALT+UMSCHALT+BACKSPACE]

Zum Annullieren/Wiederherstellen der zuletzt durchgeführten/annullierten Operation.

Widgets einfügen

Fügt den Code des ausgewählten Widgets ein: Klicken Sie auf den Pfeil neben der Schaltfläche, um die Liste aller verfügbaren Widgets.

Position: Legt fest, wo das Objekt im Verhältnis zur Menüschaltfläche positioniert werden soll, also Oben oder Unten bei vertikalen Menüs bzw. links oder rechts bei horizontalen Menüs.
Größe: Definiert die Breite und Höhe des erstellten Objekts. Wenn Sie die Option Größenverhältnis beibehalten aktiviert lassen, bleibt bei der Größeneinstellung die Proportion zwischen Breite und Höhe erhalten.

Mit der Funktion Optionaler Inhalt können Sie den Seitenbereich, in dem sich vorher nur das Navigationsmenü befand, nun mit neuen Objekten bereichern. Beispielsweise die Positionierung einer Google AdSense™-Box am Ende eines vertikalen Menüs kann sich als strategisch erweisen, weil die Wahrscheinlichkeit steigt, dass Besucher der Website auch auf die Werbebotschaften klicken.  

 

Klicken Sie um zu erweitern/minimierenAnleitung: Funktionen im Bereich Menüelemente

Mit den Funktionen in diesem Bereich können Sie die Hintergrundbilder und den Stil der Texte für einen bestimmten Status der Schaltflächen des Hauptmenüs bestimmen.

Wählen Sie zunächst das Menüelement, das Sie bearbeiten möchten. Sie können das Einstellungen für das Menüelement, das Element bei Mauskontakt und das Aktuelle Seite vornehmen. Sie können das Menüelement aus dem Dropdown-Menü oder direkt in der Vorschau auswählen, die in Echtzeit aktualisiert wird.

Für alle Elementtypen stehen im Bereich Stil folgende Optionen zur Verfügung:

Hintergrundfarbe / Textfarbe / Randfarbe:Mit Klick auf der Schaltfläche können Sie die Farbe für den Hintergrund, den Text und den Rand des Buttons auswählen.
Hintergrundbild: Wählen Sie hier ein Bild aus, das als Hintergrund für den Button verwendet werden soll. Klicken Sie hierzu auf die Schaltfläche , um die verfügbaren Ressourcen zu durchsuchen. Sie können Dateien in den Formaten .JPG, .GIF und .PNG verwenden. Alternativ können sie auf den Pfeil neben dem Feld klicken, um die Buttons-Sammlung zu öffnen und Sie das Bild, das Sie benützen mochten, auszuwählen.
Schriftstil: Definiert für das Menüelement den Textstil. Zur Auswahl stehen die Optionen Kein, Basrelief, Hochrelief und Schatten. Für das Element bei Mauskontakt und das Aktuelle Seite werden automatisch die Einstellungen vom Menüelement übernommen. Zusätzlich können Sie den Schriftschnitt Normal, Fett, Kursiv oder Fett Kursiv wählen.

Nur für das Aktuelle Seite steht folgende Option zur Verfügung:

Die gleichen Einstellungen auf Mauskontakt anwenden: Für das Aktuelle Seite werden die gleichen Einstellungen verwendet wie für das Element bei Mauskontakt, andernfalls können für die beiden Zustände auch andere Einstellungen vorgenommen werden.

 

Klicken Sie um zu erweitern/minimierenAnleitung: Funktionen im Bereich 3D-Stil

Mit den Optionen in diesen Bereich können Sie die Form und das Aussehen der 3D-Buttons definieren.

Im Bereich Form stehen folgende Optionen zur Verfügung:

Form: Wählen Sie hier die Form des Buttons.
Abrundung: Hier können Sie einen Abrundungsfaktor definieren, um die Ecken der Buttons abzurunden oder diesen eine Form zu geben, die vom Rechteck verschieden ist.
Form der Buttons verbinden: Bei Aktivierung dieser Option werden die Buttons verbunden und die gewählte Form wird auf alle Buttons als Komplex angewendet.

Im Bereich 3D-Stil stehen folgende Optionen zur Verfügung:

Stil: Hier können Sie dem Button Eigenschaften wie Profilkanten, Flach, Flach plastisch, Tiefliegendusw. zuweisen.
Lichteinfall: Definieren Sie hier den Effekt eines Lichteinfalls auf den Button.
Schattierung: Mit dieser Option können Sie einen Schattierungseffekt auf den Button anwenden.
Transparenz des Bildes: Mit dieser Funktion können Sie auf Hintergrundbilder, die den Buttons im Tab Menüelemente zugewiesen wurden, eine Transparenz anwenden.

Im Bereich 3D-Rand können Sie schließlich folgende Einstellungen vornehmen:

Randstil: Wählen Sie einen Stil für den Rand der Buttons, wie Normal, Profilkanten oder Tiefliegend.
Äußere Breite / Innere Breite: Hier können Sie jeweils die äußere und innere Breite der Ränder festlegen.
Nur Außenrand: Bei Aktivierung dieser Option wird der Rand mit den vorgenommenen Einstellungen nicht auf jeden einzelnen Button, sondern auf den gesamten Button-Block in seiner Gesamtheit angewendet.