segunda-feira, 27 de maio de 2013

Mapa do Brasil HTML/CSS com link por estado

Estava desenvolvendo um projeto pessoal e na página inicial haviam links para todos os estados brasileiros. Foi quando pensei em adicionar um mapa do Brasil com link em cada estado. Isso torna a navegação mais intuitiva.

Pesquisei na web e encontrei algumas soluções que envolviam flash, mas eu queria algo em HTML. Indo um pouco mais a fundo encontrei um projeto hospedado no Github do jeito que eu queria.

O projeto é Open Source, isso significa que você pode baixar gratuitamente, fazer melhorias e distribuir livremente.

Na imagem abaixo você pode perceber que ao passar o mouse sobre cada estado ele muda de cor, tornando a experiência mais atraente.



Economizou algumas horas de trabalho, e pode fazer o mesmo por você.

Compartilho aqui, para quem estiver procurando como eu estava.

Faça download do mapa do Brasil em HTML e CSS com link por estado.

6 comentários:

  1. Olá amigo, gostaria de saber se vc teria esse mapa com outra cor e com um tamanho menor, se tiver poderia me passar por favor, pois estou fazendo um site complexo e não queria perder tempo com essas alterações que estava fazendo mas vi que ia dar um trabalho e levar um tempo!! Se poder eu agradeço!!

    ResponderExcluir
  2. Amigo, vejamos se pode me ajudar. Consegui trocar as cores dos Estados e a over. Mais tem algo que não consigo, mesmo perdendo os últimos fios de cabelos, é fazer com que ao clicar nos Estados somente fique uma página aberta e não várias. Em suma, se tento trocar de Estado ou clicar no novo Estado esse abre uma nova página e não sobre o Estado aberto anteriormente. Compreende? Será que posso contar com sua ajuda? Obrigado.

    ResponderExcluir
  3. Oi Boa tarde!
    Esse arquivos onde hospedo eles em que parte na raiz? Como seria o processo?

    ResponderExcluir
  4. Olá Evandro!

    Agradeço por disponibilizar este seu trabalho para download.
    Vou publicá-lo no meu site http://visualidade.com
    Sucesso a você!

    ResponderExcluir