Wpis o moim nowym menu wywołał lawinę pytań o to jak zrobić menu z obrazkami zamiast tekstu.

Ukręciłam poniekąd sama na siebie bata, ale słowo się rzekło - przybywam z instrukcją.

Pierwsza, podstawowa sprawa: 

Nie uważam się, za żadną specjalistkę w tej sprawie - swoje menu robiłam najprostszą z możliwych metod i zdaję sobie sprawę, że pewnie można zrobić to inaczej, lepiej, za pomocą CSS i innych takich, ale to już zdecydowanie wykracza poza moje możliwości.

Wymaga to wszystko przynajmniej minimalnej wiedzy o HTML.

Przygotowujemy obrazki, które mają posłużyć za menu.

Moje przykładowe obrazki to chmurki, Wy możecie stworzyć co tylko chcecie.

Obrazków oczywiście musi być tyle, ile macie podstron na swoim blogu.
Trzeba również pamiętać o tym żeby były dobrze przycięte.

Grafiki następnie musimy wrzucić na jakiś serwer, ja korzystam z imageshack.

Kiedy mamy już linki do swoich obrazków przechodzimy do działu "Projekt" naszego bloga.

Tam wybieramy opcję "Dodaj gadżet", albo tę pod nagłówkiem, albo w menu, w zależności od tego w jakim położeniu chcemy mieć obrazki.

Po wyświetleniu się listy gadżetów wybieramy opcję HTML/JavaScript.

Otwieramy dodany gadżet i wpisujemy w okienko formułę:

Gdzie:
ADRES PODSTRONY to adres naszej konkretnej podstrony, którą chcemy podlinkować pod dany obrazek.
ADRES ZDJĘCIA to adres zapisanego na serwerze zdjęcia w formie:  http://xxxx.jpg
NAZWA PODSTRONY to oczywiście nazwa podstrony do której ma prowadzić obrazek - pomocne gdy ktoś ogląda naszego bloga bez wyświetlanych obrazków.

Wybaczcie, że wklejam ten kod jako obrazek, ale Blogger kod HTML od razu "podmienia" i pojęcia nie mam jak inaczej to pokazać.


U mnie wyglądałoby to tak:

Oczywiście to samo trzeba zrobić z kolejnymi obrazkami i podstronami, wklejając je w to samo okienko i w razie potrzeby oddzielając od siebie formułą:

Zastępuje ona Enter w języku HTML.

Nie jestem pewna jak to by się sprawdziło w menu poziomym, bo nigdy takiego nie tworzyłam, ale nie powinno być problemów.


No i to chyba by było na tyle, mam nadzieję, że niczego nie pominęłam, a gdyby się jednak okazało, że pominęłam to proszę mnie upomnieć. Na wszystkie wątpliwości oczywiście postaram się odpowiedzieć, ale proszę nie wyprowadzać z równowagi pytaniami, na które odpowiedzi zawarłam w tym wpisie ;)

Powodzenia!

P.S. Koniecznie pochwalcie się efektami jeśli uda Wam się coś stworzyć! :)