Tutorial - Como deixar imagens mapeadas

Gente, aqui vou ensinar, como fazer um menu, fazendo que leve para algum lugar, chamamos de imagens mapeadas, vou ensinar a fazer com um menu, mas serve para mapear com qualquer tipo de imagem, e lembrando, tem que colocar a URL, mas um que não precisa é esse: Tinypic, mas vou ensinar com o Image Maps, vamos lá?



Primeiro de tudo, vá no programa onde você faz o menu e depois salve a imagem.


Calcule para que fique da mesma largura do banner, a altura pode ser diferente.

se você quiser fazer transparente, salve como png, se quiser o fundo branco ou de outra cor, salve como jpg, jpeg, gif e etc.


Quando fizer isso, vá nesse site (www) e coloque a URL da imagem do menu.


Clique em Start Mapping Your Image, vai aparecer, isso:


Clique em:


depois, clique em:


Selecione onde você quer que fique o link e coloque o link.


Não precisa nem colocar o título, bom, quando você selecionar todos os lugares onde você quer colocar com o retângulo, você clica em:


Clique em:


Não clique em saída HTML, apesar de mostrar logo a imagem, quando você for colocar no blog, vai retirar os links e deixar como uma imagem normal.

Depois disso, copie todo o código e coloque abaixo do cabeçalho no layout um gadget do HTML/Java Script.

Beijos, espero ter ajudado ^^

Nenhum comentário:

Postar um comentário