Kiedy wielkość menu nie jest wystarczająca, by mogły się zmieścić wszystkie elementy, wtedy menu głównego, jest automatycznie przekształcane w przycisk Wyzwalacz menu (ang. Hamburger Button). To samo dzieje się, gdy budowana witryna nie ma być responsywna (patrz Rozdzielczości i projekt responsywny).
|
Gdy obiekt Menu został wstawiony w edytorze wzorca, wtedy dostępne dla menu miejsce zależy od rozmiaru tego obiektu. Jeśli natomiast obiekt Menu został wstawiony na stronie, to dostępne dla tego obiektu miejsce jest zdeterminowane rozmiarem komórki w tabeli układu strony.
|
Istnieje możliwość wyświetlania zawsze przycisku wyzwalacza menu (tzw hamburgera), niezależnie od tego, ile miejsca jest na menu. W tym celu należy w grupie Główne zaznaczyć pole wyboru Wyświetlanie.
Przycisk wyzwalacza menu jest kwadratowy, a jego wysokość oraz styl definiuje się za pomocą opcji w grupie Główne.
Kliknięcie tego przycisku otwiera menu rozwijane, w którym znajdują się elementy pierwszego poziomu menu głównego.
Opcje na karcie Widok służą do określenia stylu wyzwalacza menu:
▪ | Otwieranie: Określa, czy menu rozwija się po prawej, czy po lewej stronie wyswalacza menu, gdy ten zostanie kliknięty. |
▪ | Efekt: Określa efekt towarzyszący rozwianiu menu. |
▪ | Czas: Określa szybkość rozwijania menu po kliknięciu przycisku wyzwalacza. |
Wyzwalacz menu jest wyświetlany na górze strony. Można zdefiniować dla niego kilka opcji Styl nakładania zawartości:
▪ | Kolor tła: Określa kolor tła wyzwalacza menu. Kolor ten jest półprzezroczysty (wartość jest brana z ustawienia Krycie ). Służy on do przydymienia strony, który przesłania jak filtr. |
▪ | Krycie: Tu można ustawić poziom przezroczystości koloru tła wyzwalacza menu. Wartości bliskie 0 dają tło bardziej przezroczyste, przez które prześwituje treść strony. |
W grupie Styl przycisku dostępne sa następujące opcje:
▪ | Szerokość: Szerokość przycisków menu wyrażona w pikselach. |
▪ | Margines: Określa w pikselach wielkość pionowego i poziomego marginesu (pustej przestrzeni między krawędzią przycisku, a jego tekstem). |
▪ | Odstępy: Tu ustawia się (w pikselach) margines między poszczególnymi przyciskami (margines zewnętrzny). |
|
Określając szerokość przycisków, należy brać pod uwagę całkowitą przestrzeń przeznaczoną na menu. Ten parametr można zmienić pod warunkiem nie stosowania domyślnego wzorca graficznego (patrz Struktura wzorca).
|
W grupie Tekst przycisku znajdują się następujące opcje:
▪ | Czcionka: Określa czcionkę, styl i rozmiar zastosowany dla tekstu. |
▪ | Wyrównanie: Określa sposób wyrównania tekstu na przycisku: do lewej, do środka lub do prawej strony. |
Definiuje wygląd pojedynczych elementów wyzwalacza menu. Najpierw należy wybrać Element menu, którego wygląd chcesz zmienić: Tło, Element menu, Element pod wskaźnikiem myszy, Separator oraz Separator liniowy.
Opcje w grupie Styl zależą do tego, który element został wybrany. Dostępne są następujące opcje:
▪ | Kolor tła / Kolor tekstu: Definiuje kolor tła oraz tekstu poszczególnych elementów w różnych stanach, separatora menu oraz elementu Separator liniowy. |
▪ | Styl krawędzi: Tu określa się kolor, grubość oraz cień krawędzi tła (wszystkich albo każdego osobno). |
▪ | Tekst przycisku: Stosuje styl tekstu (Normalny, Pogrubiony, Pochylony, Podkreślony) do Element pod wskaźnikiem myszy lub Separator. Styl ten stosowany jest dodatkowo do definicji podanej w grupie Tekst przycisku. |
▪ | Szerokość: Ta opcja jest dostępna tylko dla elementu Separator liniowy. Określa szerokość linii jako procent całkowitej szerokości menu rozwijanego. |