Anpassung Haburgermenu Menu
Autor: S. Lang
Visitado 2624,
Seguidores 1,
Compartilhado 0
hallo
ich kann das Hamburgemenu, d. h. in welcher Breite es sich ausklappt, nicht anpassen. Weder im Header (unter Inhalt des Tempates) noch in der StyickyBar kann ich unter Button-Stil irgendeine sichbare Veränderung vornehmen.
Mache ich was falsch?
Info:
Ich möchte für den Begriff "Craniosacral Therapie"das Ausklappmenu verbreitern, siehe: https://www.cranio-sibilla-lang.ch/
Danke für jede Antwort!
illa
Publicado em
Du gehst in den "Inhalt des Templates" und machst einen doppelklick auf das Menü! Dort in den Reiter "Hamburgermenü" und da gibt es verschiedene Einstellungen für die Breite des Bereichs. Die Höhe kann man mit dem vertikalen "Rand" einstellen.
2-Vorlage
Inhalt des Templates
Header, doppelklich auf Menu
dann sieht man die verschiedenen Einstellmöglichkeiten (Haupteffekt, Ebenen Menü und Hamburger-Menü).
In WSX5 hat es oben rechts ein Fragezeichen. Mit einem Doppelclick auf dieses Fragezeichen gelangt man in die Hilfe, welche sehr viele Fragen beantwortet:
Mit den Funktionen in diesem Bereich können einige allgemeine Einstellungen für das Hauptmenü vorgenommen werden.
Legen Sie zunächst fest, auf welcher Ebene das Menü erstellt werden soll. Öffnen Sie hierzu die Sitemap und wählen Sie die gewünschte Ebene aus - die Einträge dieser Ebene werden als Menüoptionen verwendet. Anschließend stehen Ihnen im Bereich Anzeige folgende Optionen zur Verfügung:
▪Ausrichtung des Hauptmenüs / Ausrichtung Hamburger-Button: Ausrichtung des Menüs oder Hamburger-Buttons a Links, Zentriert oder Rechts im Bereich des Objekts Menü. Wurde das Objekt Menü im Editor des Templates eingefügt, ist der verfügbare Platz von der Größe des Objekts abhängig. Wurde das Objekt Menü hingegen in eine Seite eingefügt, wird seine Größe von jener der Zelle des Layout-Schemas bestimmt, in die es eingefügt wurde.
Ist der verfügbare Platz nicht ausreichend, um alle Einträge anzuzeigen, wird das Menü automatisch durch einen Hamburger-Button ersetzt. Das Gleiche gilt, wenn die Website responsiv gestaltet wird (in Auflösungen und responsives Design). Das heißt, der Hamburger-Button kann als Alternative zum klassischen Navigationsmenü von Websites im Desktop-Format verwendet werden.
▪Anzeigen: Bei Aktivierung dieser Option wird anstelle des primären Navigationsmenüs ein Hamburger-Button angezeigt, unabhängig davon, ob für die Anzeige aller Menüoptionen genügend Platz vorhanden ist.
Im Bereich Button-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: Bestimmen Sie hier den Außenrand, also den Abstand zwischen zwei Buttons.
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).
▪Rahmen: Definition, auch einzeln, der Randbreite und der Abrundung der Ecken der Buttons.
Im Bereich Button-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.
Die einzelnen Elemente des Hauptmenüs können gestaltet werden. Markieren Sie zunächst das Menüelement, das Sie bearbeiten möchten: Hintergrund, Menüelement, Element bei Mauskontakt, Aktuelle Seite, Menütrennlinie, Hamburger-Button.
Je nach gewähltem Element stehen im Bereich Stil folgende Optionen zur Verfügung:
▪Hintergrundfarbe / Textfarbe: Einstellung der Farbe für den Hintergrund, den Text der verschiedenen Status, die Menütrennlinie und den Hamburger-Button.▪Deckkraft: Deckungsgrad der Hintergrundfarbe. Je kleiner der eingestellte Wert ist, desto geringer wird die Deckkraft, das heißt, die Hintergrundfarbe des Objekts wird transparenter und lässt den Hintergrund der Seite stärker durchscheinen.▪Rahmen: Definition, auch einzeln, der Farbe, der Breite und der Abrundung der Ecken für die Ränder des Hintergrunds. Für die Menüeinträge und deren Zustände hingegen kann nur die Randfarbe eingestellt werden. Die Breite und die Abrundung der Ecken hingegen werden gemäß den Einstellungen unter Button-Stil übernommen.▪Rand: Horizontaler und vertikaler Außenrand der Buttons in Pixeln. Der eingestellte Rand bestimmt die Größe des Menühintergrundes.▪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.▪Die gleichen Einstellungen auf Mauskontakt anwenden / Die gleichen Einstellungen wie beim Menüelement anwenden: Verfügbar für die Elemente Aktuelle Seite und Hamburger-Button. Bewirkt, dass die gleichen Optionen angewendet werden, wie für Element bei Mauskontakt oder Menüelement; andernfalls können die beiden Elemente unterschiedlich eingestellt werden.▪Effekt: verfügbar nur für das Element Element bei Mauskontakt, definiert den Effekt, mit dem der Button bei Mauskontakt animiert wird.▪Button-Text: wendet auf die markierte Menüoption oder Trennlinie den Textstil Normal, Fett, Kursiv oder Unterstrichen an. Dieser Stil wird den Einstellungen unter Button-Text hinzugefügt.
Autor
Danke für Eure Antworten.
Ich hatte alles genau so gemacht (und eingangs ja auch beschreiben), doch wurden mir die Veränderungen in der Vorschau NICHT angezeigt. Jetzt, eineige Stunden später, werden alle Veränderungen korrekt dargestellt. Ich glaube meine PC war heute morgen überlastet.
Danke trotzdem für die schnellen Antworten :-)