CSS & jQuery: mapa Polski

Autor: Arkadiusz Tobiasz 3 marca 2010

Realizując różne projekty komercyjne często spotykam się z potrzebą umieszczenia klikalnej mapy województw Polski, gdyż klient sobie tego życzy. Początkowo korzystałem z rozwiązań fleszowych, które niestety nie zawsze się sprawdzały, a plik źródłowy trzeba było każdorazowo modyfikować pod konkretną stronę. Ostatnimi czasy korzystam z rozwiązania Winston Wolfa, który stworzył bardzo fajną klikalną mapę województw.

Mapa wykorzystuje kaskadowe arkusze stylów, czyli CSS oraz jQuery. Skrypt opiera się na nieuporządkowanej liście, jednym pliku graficznym z mapką oraz odpowiednim rozmieszczeniu span.ów dla uzyskania nieregularnych kształtów. W paczce znajdziemy skrypty dla czterech rozmiarów mapki (szerokość: 230, 320, 440 oraz 540px), a także plik PSD mapki!

Ważnym atutem jest to, że mapka może być wykorzystywana w komercyjnych projektach. Paczka z mapkami znajduje się tutaj.

Popularity: 2%

Jeden komentarz

  1. Winston_Wolf pisze:

    Nowa wersja klikalnej mapy Polski jest już do pobrania na stronie projektu: http://winstonwolf.pl/css,polska.html

Odpowiedz

 
Arkadiusz Tobiasz student Akademii Ekonomicznej im. Karola Adamieckiego w Katowicach na specjalnościach informatyka ekonomiczna oraz rachunkowość. Więcej...





Zend Framework: gwiazdka przy wymaganych polach

W przypadku wymaganych pól w formularzach najczęściej oznacza się je poprzez dodanie gwiazdki. W tym wpisie chciałbym pokazać w jaki [...]

MySQL: GROUP_CONCAT

Ostatnio zostałem poproszony, aby na liście zamówień w sklepie PrestaShop wyświetlić listę produktów, które zostały sprzedane. Oczywiście można by było [...]

Zend Framework: jak zwiększyć wartość o 1 w bazie danych?

Ostatnio wykonując projekt w Zend Framework musiałem zwiększyć wartość kolumny pewnego rekordu o jeden. Oczywiście można by było wykonać najpierw [...]

PHP: Skracanie długich linków

Czasem w komentarzach ktoś może wstawić długi link, który może rozciągnąć naszą stronę. Jednym z rozwiązań jest skrócenie linku. Przykładowo [...]