Menu

Get your dropdown menu: profilki

sobota, 25 października 2014

Rozwijane menu

Hej. Dzisiaj chcę wam pokazać, jak dodać na swojego bloga rozwijane menu :)
1. Wejdź na stronę http://profilki.blogspot.com/2012/12/generator-menu-rozwijanego-gornego.html
2. Teraz wybierz styl menu. Do wyboru : prostokątny, ''profilkowy'' (czyli coś jak prostokąt z zaokrąglonymi kątami :D ) Dodawać będę obrazki, aby było wam łatwiej. (powiększ klikając na obrazek)




















3. Z palety kolorów obok dostosuj barwy menu według upodobań. Aby to zrobić wybierz kolor, a następnie skopiuj kod nad paletą i wklej do pustych miejsc obok. (Kolory mogą być różne!)


















Jak pewnie zauważyłeś/aś, pod spodem masz pokazane, jak wygląda twoje menu (Nie panikuj, jeśli jest za mało nazw stron, albo sama nazwa jest inna. To tylko ''ściąga'')

4. Przyszedł czas, na tworzenie stron! Jest to łatwiejsze, niż może się wydawać. Dolna kropka tworzy kolejne strony, a ta po prawej podstrony :) (Czyli np. nazywasz stronę ''Instrukcje'', a podstronę nazywasz ''Rozwijane menu''. Nie zapomnij umieścić linka, dzięki któremu po naciśnięciu podstrony przeniesie cię ona na daną stronę. Oto przykład: (Zapomniałam w podstronie dodać link. Wy o tym pamiętajcie! Dodałam go jednak jako odnośnik do ''Strony głównej'', więc wiecie, jak ma to wyglądać.)


Kolorowymi (czerwony/niebieski) znaczkami zaznaczyłam wam, co tworzą poszczególne kropki, aby było wam jeszcze łatwiej :)












5. Jeśli wszystko jest już gotowe, wystarczy, że przeniesiesz menu na swojego bloga. Aby to zrobić skopiuj link podany pod spodem. (Możesz też nacisnąć przycisk ''Na bloga!'', ale mi jest wygodniej zrobić to samodzielnie.) Następnie przejdź na swojego bloga, naciśnij ''Projekt'' do góry po prawej stronie. Teraz wybierz ''Układ'' i wciśnij ''Dodaj gadżet'' pod miejscem na nagłówek.








1













2




3/4







Teraz poszukaj ''HTML/JavaScript'', po czym w miejscu ''Treść'' wklej skopiowany wcześniej kod.







5














6













Kliknij ''Zapisz''. Gotowe! Stworzyłeś swoje własne menu! Mam nadzieję, że pomogłam :)
Widzimy się w następnych poradnikach!

Brak komentarzy:

Prześlij komentarz