Więcej o:

Mobilnej wersji strony

Na mobilnych wersjach stron www, z powodu ograniczonej przestrzeni wyświetlania, często klasyczne menu jest zastępowane przez tzw. "hamburger" menu. Wykorzystaliśmy je np. w mobilnej wersji naszego tutorial'a. W tym artykule dowiesz się, jak zrobić takie menu w kreatorze stron internetowych WebWave. Jak wygląda takie menu możesz zobaczyć na screenach poniżej.

 

 

 

Tworzenie "hamburger" menu

 

Aby utworzyć na swojej stronie www tego typu menu, dodaj do strony zwykłe menu. W edycji menu dodaj wszystkie zakładki, które mają się pojawić po rozwinięciu menu oraz jedną zakładkę, która będzie wskazywała np. na stronę główną. Etykietę tej ostatniej zamień na kilka spacji.

Następnie wszystkie etykiety, które mają się pojawiać po rozwinięciu menu, dodaj jako drugi poziom do etykiety zawierającej spacje. Efekt powinien wyglądać podobnie do tego:

 

Kolejnym krokiem będzie ustawienie ikony, pod którą ma się wyświetlać menu. Aby to zrobić, zaznacz menu i wybierz opcję edycja pierwszego poziomu menu.

Po wybraniu tej opcji w panelu dolnym wybieramy kolor tła, na jakim ma się wyświetlać ikona menu, a następnie dodajemy obraz tła. Jako obraz tła wstawiamy wybraną przez nas ikonę i zaznaczamy opcję dopasuj. 

 

Teraz pierwszy poziom naszego menu wygląda już tak, jak chcesz.

 

Pozostaje nam tylko edycja wyglądu drugiego poziomu, tak aby pasował do reszty strony internetowej i mamy gotowe hamburger menu. Więcej na temat menu znajdziesz tutaj.

 

jak zrobić mobilną stronę internetową
Pozostałe artykuły
Pozostałe artykuły

Jak dodać "hamburger" menu do strony www?

KONTAKT

 

contact@webwavecms.com

 

+48 731 395 898

Ta strona została stworzona w WebWave CMS

Jak zrobić stronę internetową w kreatorze WebWave CMS - poradnik

PRODUKT

FIRMA

POMOC

KONTAKT

 

contact@webwavecms.com

 

+48 731 395 898

Ta strona wykorzystuje ciasteczka. Dowiedz się więcej.

kreatora stron www webwave logo
Powrót do spisu treści o kreatorze stron www WebWave CMS
  Spis treści
  Spis treści
Podstawy WebWave
Podstawy WebWave
Narzędzia WebWave
Narzędzia WebWave
Pozycjonowanie i SEO
Pozycjonowanie i SEO
Artykuły
Artykuły
Zarządzanie treścią - CMS
Zarządzanie treścią - CMS
Tutoriale Video
Tutoriale Video
Zaawansowane triki
Zaawansowane triki
Wersja mobilna strony
Wersja mobilna strony
Marketing internetowy
Marketing internetowy
Konto Agency
Konto Agency
RWD
RWD
Domena i email
Domena i email
Administracja
Administracja
Dodaj kod do strony www
Dodaj kod do strony www
  Spis treści
  Spis treści
WebWave CMS - logo
Zarejestruj
Zarejestruj
Zaloguj
Zaloguj