In diesem Fenster finden Sie die Funktionen, mit denen Sie einige erweiterte Einstellungen des grafischen Stils der Drop-Down-Menü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. Die Drop-Down-Menüs werden bei Mauskontakt mit einer Ebene des Hauptmenüs angezeigt.
Die Funktionen für die individuelle Gestaltung der Menüelemente sind in folgende Bereiche gegliedert: Allgemein, Menüelemente und 3D-Stil.
Mit den Funktionen in diesem Bereich können einige allgemeine Einstellungen für das Drop-Down-Menü vorgenommen werden.
Allem voran müssen Sie den Menütyp festlegen. Hier haben Sie die Wahl zwischen folgenden Optionen:
|
In einer Spalte anordnen: Alle Elemente des Drop-Down-Menüs werden in einer Spalte untereinander angeordnet.
|
|
In mehreren Spalten anordnen: Die Elemente des Drop-Down-Menüs werden in mehreren, nebeneinander angeordneten Spalten organisiert. Es wird automatisch eine neue Spalte generiert, wenn:
| ▪ | die Anzahl der Menüelemente den unter Max. Einträge pro Spalte; eingestellten Wert erreicht oder überschreitet; |
|
Wenn im Fenster Standard-Template, Benutzerdefinierte Bibliothek oder Struktur der Vorlage ein vertikales Menü gewählt wurde, steht außerdem folgende Option zur Verfügung:
|
Vertikales Akkordeon-Menü: Alle Elemente des Drop-Down-Menüs werden in einer Spalte organisiert. Bei Klick auf einen Eintrag verschieben sich die folgenden Elemente nach unten und lassen Raum für die Anzeige der jeweiligen Unterelemente.
|
Nachdem Sie den Menütyp ausgewählt haben, können Sie hierfür die im Bereich Stil verfügbaren Optionen festlegen:
| ▪ | 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. |
| ▪ | Max. Einträge pro Spalte: Diese Option ist nur für den Menütyp In mehreren Spalten anordnen verfügbar und ermöglicht die Einstellung der Maximalzahl der Elemente, die jede Spalte des Drop-Down-Menüs enthalten kann. |
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. |
Und im Bereich Optionen finden Sie schließlich die Option:
| ▪ | Effekt: Stellen Sie hier den gewünschten Anzeigeeffekt ein. Zur Auswahl stehen die Optionen Kein, Einblenden, Öffnen von oben, Öffnen von links und Öffnen von links oben. |
| ▪ | Die aktuelle Seite automatisch auswählen: Diese Option ist nur für den Menütyp Vertikales Akkordeon-Menü aktiv und bewirkt, dass das Menü je nachdem, welche Seite der Website geöffnet ist, automatisch erweitert wird, um die entsprechende Option als ausgewählt darzustellen. |
|
Mit den Funktionen in diesem Bereich können Sie die Farben, die Hintergrundbilder und den Stil der Texte für einen bestimmten Status der Schaltflächen des Drop-Down-Menüs bestimmen.
Wählen Sie zunächst das Menüelement, das Sie bearbeiten möchten. Sie können Einstellungen für das  Menüelement, das  Element bei Mauskontakt und die  Menütrennlinie 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. Für die Menütrennlinie ist die Option Textfarbe verfügbar. |
| ▪ | Schriftstil: Definiert für das Element bei Mauskontakt und die Menütrennlinie den Textstil. Zur Auswahl stehen Normal, Fett, Kursiv und Fett Kursiv. |
| ▪ | Hintergrundbild: Verfügbar nur für das Menüelement und das Element bei Mauskontakt, 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. |
| ▪ | Icon Aufzählungszeichen: Hier können Sie ein Bild auswählen, dass neben den Menüoptionen oder Menütrennlinien als Aufzählungszeichen verwendet wird. Klicken Sie hierzu auf die Schaltfläche und wählen Sie die gewünschte Bilddatei im Format .JPG, .GIF oder .PNG aus. |
|
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. |
|
