[Tutorial] Mapeando imagem com o Image Maps

 
Esse tutorial achei no Menina Nerd. Estou postando ele para quem quiser pegar alguma header que disponibilizei, ou não, e mapear. 

Suponhamos que você queira mapear esse menu:


1º Passo: vá até o site: http://www.image-maps.com/;

2º Passo: faça o upload da imagem;


3º Passo: espere o link que vem depois do timer regressivo;


4º Passo: Clique em "Rectangle" e comece o mapeamento;

Para mapear o próximo link, clique em "Rectangle" de novo. 

4º Passo: depois de mapear tudo, desmarque as opções à direita;


5º Passo: pegue seu código.

Agora é só copiar o código enooorme que aparece, depois ir em "Design", clicar em "Adicionar um Gadget" de "HTML/JavaScript" e colar o código.
Você também colocar direto no HTML do seu blog, mas para isso copie o código que está na aba "CSS code". 

:: Créditos: Menina Nerd (tutorial e imagens)

Nenhum comentário:

Postar um comentário

Deixe seu comentário