Technologia informacyjna rozwija się każdego dnia. A to, co wcześniej wydawało się czymś nieosiągalnym, dziś jest już dostępne dla prawie każdego człowieka na ulicy. I wcale nie trzeba mieć nadprzyrodzonych zdolności i wiedzy, aby stworzyć własną stronę internetową. A jeśli mówimy tylko o dodaniu menu do twojego zasobu, nawet uczeń poradzi sobie z tym.
Czy to jest to konieczne
Komputer z połączeniem internetowym
Instrukcje
Krok 1
Przejdź do strony PureCSSMenu. Tutaj zobaczysz edytor wizualny, za pomocą którego możesz szybko i łatwo stworzyć menu dla dowolnej witryny.
Krok 2
Aby przejść do strony, na której znajdują się szablony menu, kliknij przycisk „Szablony”, który znajduje się po lewej stronie. Następnie musisz wybrać szablon, który Ci się podoba i kliknąć. W oknie „Podgląd” zobaczysz naprawdę działające menu, które jest tworzone za pomocą kaskadowych arkuszy stylów.
Krok 3
Przejrzyj każdy z sugerowanych szablonów, aby wybrać ten, który najlepiej pasuje do Twojej witryny. Jeśli kolor i czcionka, które podobały Ci się w stylu menu, nie pasują do schematu kolorów witryny, możesz zmienić te parametry, klikając zakładkę „Parametry”.
Krok 4
Zmień kolor i czcionkę za pomocą kodu HTML lub wybierz go z palety oferowanej przez zasób, klikając odpowiedni odcień.
Krok 5
Teraz utwórz strukturę menu dla swojej witryny. Aby to zrobić, kliknij przycisk "Przedmioty". W zakładce, która się otworzy, zobaczysz przycisk z dużym znakiem plus i napisem „Dodaj przedmiot”. Kliknij ten przycisk, a na końcu menu zostanie dodana nowa pozycja. Aby wstawić nowy element na środku menu, wybierz zakładkę, po której ma zostać dodany, i kliknij przycisk „Dodaj następny element”.
Krok 6
Aby dodać element podrzędny do menu rozwijanego, naciśnij przycisk „Dodaj element podrzędny”, po wybraniu elementu menu, który będzie zawierał nową kartę. Jeśli chcesz usunąć którykolwiek z elementów, wybierz go i kliknij przycisk „Usuń element”.
Krok 7
Aby nowe menu działało poprawnie, w obszarze „Parametry pozycji” należy wypełnić wszystkie pola. W polu „Tekst” wpisz nazwę pozycji menu, w polu „Link” wpisz adres strony, do której nastąpi przejście po kliknięciu tego przycisku. Aby wybrać sposób otwierania strony, w polu „Cel” ustaw wartość „_self” lub „_blank”. Przy pierwszej opcji strona otworzy się w tym samym oknie, z zaznaczoną funkcją "_blank" - w nowym.
Krok 8
Teraz musisz wkleić kod utworzonego menu na swoją stronę. Aby to zrobić, kliknij przycisk „Pobierz”, który znajduje się w prawym dolnym rogu, i wybierz folder na swoim komputerze, w którym zostanie zapisane archiwum purecssmenu-com.zip. Po zapisaniu pliku rozpakuj to archiwum i otwórz plik purecssmenu.html, który zawiera kod menu. Skopiuj ten kod i wklej go do pliku szablonu swojej witryny.
