No to elo, jedziemy
(opisuje jak to zrobić w html, bo o wiele lepiej było by pociąć layout, ale to wyższa szkoła :])
Na początku (to chyba będzie najtrudniejsze) przygotuj sobię "menu" które... "współgra" z tłem, w naszym przykładowym przypadku:
Ok, otwórz go teraz w paincie (;D) i zróbmy mapę odsyłaczy, czyli w naszym dokumencie html będzie to wyglądać tak:
[codebox]<img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" usemap="#nazwa_mapy" />
<map id="nazwa_mapy" name="nazwa_mapy">
<area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny" />
<area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny" />
(...)
</map>[/codebox]
Teraz uważaj: Otworzyliśmy nasz obrazek w paincie, najedźmy na np: info (czarne kropki to obszar klikany na odnośnik info, białe wskazują obszar, gdy najedziemy kursorem, to pojawi się odnośnik do info ... Zrozumiałe?
):
Odczytajmy współrzędne dla czarnych (najważniejszych) punktów (współrzędne odczytujemy w tym miejscu):
A więc współrzędne dla pierwszego czarnego punktu wynoszą 1 i 22, analogicznie dla drugiego czarnego punktu, czyli kolejnego obszaru
Przypuśćmy (!), że wynoszą one 5 i 25, więc mapkę uzupełniamy tak:
[codebox]<img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" usemap="#nazwa_mapy" />
<map id="nazwa_mapy" name="nazwa_mapy">
<area shape="rect" coords="1,22; 5,25" href="info.html" alt="tekst alternatywny" />
<area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny" />
(...)
</map>[/codebox]
(kształty: "rect" - pole ograniczone prostokątem
"poly" - pole ograniczone wielokątem nieregularnym
"circle" - koło)
Więc u nas będzie to rect
uhh, starałem się jak najlepiej wytłumaczyć, ale.. czy mi się udało?
jak będziesz miała problem, to pisz.
Pozdrawiam,
