Mapa Polski – tylko HTML i CSS
| kategoria: CSS, HTML i XHTML | Komentarze (6)
Stworzenie mapy, w zasadzie jakiejkolwiek, zawsze stawiało pytanie: jak to zrobić? A może lepiej: w czym to zrobić?
Generalnie możliwości jest wiele, ale my skupimy się na stworzeniu mapy używając do tego tylko HTML i CSS. Tak, jak było to w przypadku mapy świata, tak w tym przypadku przygotowanie takiej mapy to 2 kroki:
- Przygotowanie odpowiednio pociętej grafiki, czyli wszystkie województwa i cała mapa Polski w jednym obrazku.
- Przygotowanie arkusza stylów z odpowiednimi przesunięciami bloków
....
Cały trick polega na tym, aby odpowiednio przesuwać tło w momencie zdarzenia hover/focus. Sprawdź przykład, jak to jest zrobione. Wadą tej metody jest to, iż wszystkie województwa są traktowane jako prostokąty, co nie pozwala na wyznaczenie dokładnych granic.
Warto zajrzeć jeszcze
(Nie ma jeszcze głosów, ale możesz być pierwszy)Komentarze
Możesz zostawić komentarz lub wysłać sygnał trackback ze swojej strony.
6 komentarze(y) do “Mapa Polski – tylko HTML i CSS”
Zanim dodasz komentarz, to zapoznaj się z zasadami dotyczącymi komentarzy.
Rafał Kułaga, 28 marca 2008, 11:08
A jak stworzyć arkusz stylów, jest do tego jakiś program który to ułatwia ?
pozdrawiam
Cezary Tomczyk, 28 marca 2008, 12:30
W zasadzie to nie spotkaliśmy się z takim oprogramowaniem, które by to w pełni automatyzowało. Być może istnieje. Niemniej jednak na ten moment jest to praca po części ręczna.
Klikalna mapa Polski (html map area) | VSX.pl - Laid back IT Blog, 25 listopada 2010, 13:09
[...] źle .. wiele stron je posiada, niewielu chce się podzielić. Swoją mapę znalazłem na stronie http://www.ikeris.com/pl/mapa-polski-tylko-html-i-css/ . Ogromne podziękowania dla [...]
Klikalna mapa Polski (html map area) « komputery, 26 listopada 2010, 07:12
[...] źle .. wiele stron je posiada, niewielu chce się podzielić. Swoją mapę znalazłem na stronie http://www.ikeris.com/pl/mapa-polski-tylko-html-i-css/ . Ogromne podziękowania dla [...]
Klikalna mapa Polski (html map area) | zegarki, 27 listopada 2010, 02:55
[...] źle .. wiele stron je posiada, niewielu chce się podzielić. Swoją mapę znalazłem na stronie http://www.ikeris.com/pl/mapa-polski-tylko-html-i-css/ . Ogromne podziękowania dla [...]
Klikalna mapa Polski (html map area) « ksiegowosc, 27 listopada 2010, 04:18
[...] źle .. wiele stron je posiada, niewielu chce się podzielić. Swoją mapę znalazłem na stronie http://www.ikeris.com/pl/mapa-polski-tylko-html-i-css/ . Ogromne podziękowania dla [...]