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.
Antialias auf Text anwenden: Bei Aktivierung dieser Option wird ein Antialias-Effekt auf den Text angewendet, der die Kanten des Schriftbildes glättet.
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.
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.