Jak Stworzyć Menu Na Stronie

Spisu treści:

Jak Stworzyć Menu Na Stronie
Jak Stworzyć Menu Na Stronie

Wideo: Jak Stworzyć Menu Na Stronie

Wideo: Jak Stworzyć Menu Na Stronie
Wideo: Jak zrobić menu rozwijane (dropdown menu) w HTML i CSS - Poradnik 2024, Kwiecień
Anonim

Piękne, wygodne i funkcjonalne menu to klucz do popularności i atrakcyjności serwisu dla odwiedzających. Bez przejrzystego i stylowego menu strona nie będzie miała porządnej nawigacji, intuicyjnie zrozumiałej nawet dla osoby, która jako pierwsza odwiedziła Twoją stronę.

Jak stworzyć menu na stronie
Jak stworzyć menu na stronie

Instrukcje

Krok 1

Otwórz program i spójrz na listę stylów przycisków w lewym dolnym rogu okna. Wybierz styl, który Ci odpowiada, klikając go lewym przyciskiem myszy. Skopiuj kod, który pojawia się w osobnym pliku tekstowym, a następnie kliknij element Dodaj element, aby aktywować przycisk.

Krok 2

Teraz zajmij się jego ustawieniami - w prawym okienku otwórz zakładkę Przycisk i określ żądaną czcionkę tekstu przycisku, jego kolor i rozmiar. Następnie link w sekcji Link do strony, na którą kliknięto przycisk (na przykład index.php).

Krok 3

Jeśli chcesz, aby po najechaniu kursorem na przycisk kursora pojawiał się tekst wyskakującej wskazówki, na karcie Wskazówka wprowadź żądany tekst do opracowania. Na karcie Ikona określ ikonę, która powinna znajdować się obok tekstu; dostosuj wyrównanie (na przykład do lewej krawędzi ekranu) i odznacz zakładkę Przyklej do tekstu.

Krok 4

Następnie otwórz sekcję Styl przycisku i odznacz pozycję Rozmiar automatyczny. Określ stałe rozmiary przycisków. Następnie edytuj styl menu - określ kolor konturu, a w sekcji Różne zaznacz żądane efekty (przezroczystość, blaknięcie, cień itd.).

Krok 5

Powtórz wszystkie powyższe kroki, aby utworzyć wszystkie inne elementy menu, dostosowując przyciski. Aby utworzyć dodatkowe podmenu dla każdego przycisku, kliknij Dodaj element podrzędny. Skonfiguruj każdy utworzony element i każdy utworzony przycisk w taki sam sposób, jak pierwszy.

Krok 6

Po utworzeniu menu - poziomego lub pionowego - przejdź do menu programu i kliknij element "Wstaw do strony internetowej", zaznaczając, że chcesz tylko wygenerować kod. Określ ścieżkę do folderu obrazów menu, w którym zostaną zapisane elementy menu graficznego w formacie png.

Krok 7

Aby zainstalować stworzone menu na swojej stronie, skopiuj folder z obrazkami do katalogu głównego, a zapisany na początku kod ustaw na stronę główną.

Zalecana: