x-kom hosting

jak "ożywić" layout

kamil90
utworzono
utworzono

Witam;

od niedawna zająłem sie tworzeniem stron www i napotkałem problem przy robieniu layout'a

a mianowicie niewiem jak zrobić przyciski by odsyłały do danych podstron np. do Strony głównej; Galerii... tak jak na załączonym poniżej obrazku

Pozdrawiam :)

ponulaczek
komentarz
komentarz

Jeśli chcesz, żeby przyciski reagowały na kliknięcia musisz najpierw zrobić "strukturę" map. Trzeba jeszcze takie coś przypisać do obrazka używając atrybutu usemap ..

<img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" usemap="#layout" /><map id="layout" name="layout"> <area shape="rect" coords="a,b,c,d" href="adres odnośnika 1" alt="Strona główna" /> <area shape="rect" coords="a,b,c,d" href="adres odnośnika 2" alt="Galeria" /> <area shape="rect" coords="a,b,c,d" href="adres odnośnika 3" alt="Forum" /> <area shape="rect" coords="a,b,c,d" href="adres odnośnika 4" alt="Kontakt" /></map>

a - współrzędna pozioma lewego-górnego wierzchołka prostokąta *

b - współrzędna pionowa lewego-górnego wierzchołka

c - współrzędna pozioma prawego-dolnego wierzchołka prostokąta

d - współrzędna pionowa prawego-dolnego wierzchołka

* prostokąt na obrazku; on staje się odnośnikiem

kamil90
komentarz
komentarz

hmm.... możesz troche jaśniej.

zabardzo niewiem jak zrobić tą strukturę map

Lucider
komentarz
komentarz

Mapa odnośników to dość zaawansowana sprawa. Kiedyś był program do łatwego tworzenia map odsyłaczy, ale nie mogę go znaleźć.... Prościej byłoby pociąć Ci to grafikę i za pomocą kodu wyświetlić ją jako całość - kawałek obok kawałka, a poszczególne elementy zrobić jako linki <a href=> z <img> w środku.

ponulaczek
komentarz
komentarz
Mapa odnośników to dość zaawansowana sprawa.

Nie taka zaawansowana ..

Radziłbym skorzystać z mojej metody bo jest praktyczniejsza. Może wytłumaczę.. Musisz stworzyć "pole" w kształcie prostokąta, które będzie służyło za odnośnik (wyobraź sobie). W tym celu musisz poznać wymagane współrzędne na obrazku. Najlepiej otwórz paintem i najedź na te punkty myszką. Na dole będą się zmieniać współrzędne. Trzeba je tylko przepisać. Przed znakiem "x" podawana jest współrzędna pozioma a po nim pionowa. Kod html Ci już podałem, tylko trzeba go jeszcze troszkę zmodyfikować (src, alt; coords, href). Na pewno sobie poradzisz.

kamil90
komentarz
komentarz

nom miałeś racje wcale nie takie zaawansowane...

wszystko działa jak należy :)

dzięki za pomoc

jwitos
komentarz
komentarz

Zdecydowanie łatwiejszym sposobem jest stworzenie strony opartej na div'ach (ew. na tabelkach). Nie trzeba się bawić w ustawianie koordów.

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.