Pionowe menu witryny to bardzo wygodna funkcja, która pomaga zaoszczędzić miejsce i łatwo poruszać się po zasobach. Możesz to zrobić w oparciu o kaskadowe arkusze stylów CSS lub używając specjalnych narzędzi.
Instrukcje
Krok 1
Otwórz stronę purecssmenu.com i zarejestruj się na niej, w przeciwnym razie nie będziesz mógł tworzyć i pobierać utworzonego menu. Po lewej stronie znajdź przycisk Szablony i kliknij go. Poniżej pojawią się małe okienka z pionowymi szablonami menu. Klikaj na nie jeden po drugim i wyświetlaj w oknie podglądu. Wybierz szablon, który najlepiej pasuje do Twojej witryny.
Krok 2
Ustaw czcionkę i kolor menu za pomocą zakładki Parametry. Możesz wybrać czcionkę i jej rozmiar w polu Czcionka. W razie potrzeby określ podkreślenie / pogrubienie. Ustaw tło (tło) menu pionowego w polu Kolory, ustaw kolor czcionki i kolor tła po najechaniu (fonthover / backgroundhover).
Krok 3
Przejdź do menu Pozycje, aby zarządzać pozycjami menu. Kliknięcie przycisku Wyczyść usunie przykładowe elementy, dzięki czemu możesz stworzyć własne. Wystarczy kliknąć klawisz AddItem plus, aby dodać pozycję na końcu menu. Za pomocą przycisku AddNextItem możesz dodać pozycję, która pojawi się po aktualnie wybranym czasie. Przycisk AddSubitem w menu tworzy zagnieżdżony element dla wybranego elementu. Aby usunąć linię, użyj przycisku RemoveItem.
Krok 4
Otwórz parametry pozycji (ItemParameters) na dole strony. Wprowadź nazwę elementu menu w wierszu Tekst, a jego adres internetowy w polu Łącze. Linia Podpowiedź odpowiada za opis elementu, wyświetlany po najechaniu kursorem na link. Sekcja Cel określa sposób otwierania strony. Za pomocą parametru _self można skonfigurować stronę tak, aby otwierała się w bieżącym oknie przeglądarki.
Krok 5
Pobierz gotowe menu, klikając przycisk Pobierz na dole strony. Skopiuj odpowiedni kod znajdujący się w pliku purecssmenu.html do pliku szablonu CSS: na początku i na końcu. Upewnij się, że wklejasz poprawny kod i zapisz plik.
