Te polecenia służą do określenia ogólnych ustawień menu głównego.
Przede wszystkim należy wskazać, który poziom ma zostać użyty do stworzenia menu: należy przejść do mapy witryny i wybrać odpowiedni poziom. Elementy należąca do tego poziomu zostaną wykorzystane w menu. Gdy to jest już zrobione, można przystąpić do określenia parametrów w grupie Widok:
▪ | Wyrównanie menu głównego / Wyrównanie przycisku wyzwalacza menu: Te dwie opcje określają w obszarze dostępnym dla menu wyrównanie odpowiednio menu oraz wyzwalacza menu (do lewej, wyśrodkowane lub do prawej). Gdy obiekt Menu został wstawiony w edytorze wzorca, wtedy dostępne w 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, do której został umieszczony. |
|
Kiedy wielkość menu nie jest wystarczająca, by mogły się zmieścić wszystkie elementy, wtedy menu jest automatycznie przekształcane w przycisk Wyzwalacz menu (ang. Hamburger Button). Dzieje się tak także wtedy, gdy witryna nie jest responsywna (ustawienie Rozdzielczości i projekt responsywny). Warto wiedzieć, że wyzwalacz menu można stosować w witrynach wyswietlanych na duzym ekranie jako alternatywę tradycyjnego menu.
|
▪ | Wyświetlanie: Zaznaczenie tego pola wyboru powoduje, że przycisk wyzwalacza (tzw. hamburger) będzie zawsze wyświetlany zamiast menu nawigacyjnego, niezależnie od tego, czy jest dostatecznie dużo miejsca, by pomieścić wszystkie jego elementy. |
W grupie Styl przycisku znajdują się 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: Określa margines zewnętrzny (przestrzeń między krawędziami przycisków). |
|
Określając szerokość przycisków, należy brać pod uwagę ilość miejsca dostępnego dla menu. Tego parametru nie da sie modyfikować dla wzorca domyślnego (patrz Struktura wzorca).
|
▪ | Styl krawędzi: Ta opcja służy do określenia grubości krawędzi oraz zaokrąglenia narożników przycisków. Każdy przycisk może być traktowany indywidualnie. |
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. |
Teraz można zdefiniować wygląd pojedynczych elementów menu głównego. Najpierw należy wybrać Element menu, którego wygląd chcesz zmienić: Tło, Element menu, Element pod wskaźnikiem myszy, Element bieżącej strony, Separator.
W zależności od tego, który element został wybrany, w grupie Styl dostępne są następujące opcje:
▪ | Kolor tła / Kolor tekstu: Określają kolory pierwszoplanowy oraz tła różnych stanów menu, separatora i przycisku wyzwalacza. |
▪ | Krycie: Tu można ustawić poziom przezroczystości koloru tła menu. Wartości bliskie 0 dają tło bardziej przezroczyste, przez które prześwituje tło samej strony. |
▪ | Styl krawędzi: Tu określa się kolor, grubość oraz zaokrąglenie narożników krawędzi tła (wszystkich albo każdego osobno). Opracowując wygląd elementów menu w ich różnych stanach, wystarczy tylko zdefiniować kolor krawędzi, ponieważ ich grubość oraz zaokrąglenie narożników są brane z parametrów podanych w Styl przycisku. |
▪ | Margines: Tu ustawia się (w pikselach) wielkość zewnętrznego poziomego i pionowego marginesu przycisków. Margines determinuje ilość widocznego tła menu. |
▪ | Obraz tła: Można wybrać obraz, który będzie tłem przycisku. Kliknij przycisk , żeby przeszukać dostępne pliki (w formacie .JPG, .GIF lub .PNG) i wybrać jeden z nich. Albo kliknij strzałkę obok pola, żeby otworzyć bibliotekę przycisków i stamtąd wybrać żądany obraz. |
▪ | Użyj takich samych ustawień, co w stanie pod wskaźnikiem myszy / Użyj takich samych ustawień, co w Element menu: Są dostępne odpowiednio dla elementów Element bieżącej strony oraz Przycisku wyzwalacza menu. Pozwalają użyć identycznych ustawień, jakie zostały zdefiniowane dla Element pod wskaźnikiem myszy lub Element menu. W przeciwnym przypadku elementy te mogą mieć różne ustawienia. |
▪ | Użyj takich samych ustawień, co w stanie pod wskaźnikiem myszy: Ta opcja jest dostępna tylko dla ustawienia Element bieżącej strony. Gdy pole wyboru zostanie zaznaczone, użyte zostaną parametry podane dla Element pod wskaźnikiem myszy. W przeciwnym przypadku oba te stany mogą mieć odmienne ustawienia. |
▪ | Efekt: Ta opcja jest dostępna tylko dla ustawienia Element pod wskaźnikiem myszy: Określa ona efekt wyświetlany po najechaniu wskaźnikiem myszy. |
▪ | Tekst przycisku: Ta opcja pozwala wybrać styl tekstu, który będzie zastosowany do wybranego elementu menu albo separatora. Normalny, Pogrubiony, Pochylonylub Podkreślony. Styl ten stosowany jest dodatkowo do definicji podanej w ustawieniu Tekst przycisku. |