Menu Crazy Connection - Aprenda a fazer!

Obrigada: Lovely Animes

Olá gente!Antes de tudo,queria pedir mais de mil desculpas pelo meu sumiço essa semana,é que as minhas aulas voltam essa semana,então está tudo muito corrido e eu não tive tempo para postar.Mas hoje eu irei ensinar vocês a fazerem o Menu Crazy Connection,que estava a muito tempo na minha listinha de tutos.Mais chega de lero-lero e vamos ao que interessa:o tutorial!

1) Abra o seu PhotoScape e faça todo a preparação para começar o tutorial.

2) Abra um fundo transparente (no meu caso eu criei uma nova imagem e depois coloquei transparência no PFS) e vá na ala Objeto > Escolha ou o quadrado (cheio) ou o arredondado (cheio). E coloque como pequenos espaços que dê para colocar o link desejado,como na imagem abaixo:

Feito isso,adicione as conexões,que são as linhas retas e salve.

3) Vá no site Image Maps (www). Atenção! Antes de tudo,hospede a imagem em algum site especializado,como o PhotoBucket ou o Tinypic.

4) Cole a URL da sua imagem na caixa que está escrito Paste URL or Click Start Mapping to Browse.
Logo depois de colar a URL clique em Start Mapping.

 5)  Agora clique em click to continue e com o botão direito do mouse percorra a superfície do primeiro link.Como na imagem abaixo,clique em Create Rect,e se necessário,faça as modificações com a janelinha destacada.

6 ) Agora vamos entender a caixinha de links:

E agora vamos entender como você pode ajustar os links:

7 )  Depois de ter feito todos os links da mesma forma,em qualquer área da imagem percorra a superfície do mouse com o botão direito e vá em Get Code.Logo depois vá na aba HTML Code e vá até a área HTML Image Map Code.

8) Feito isso copie o código e vá até Layout > HTML/JavaScript e cole o código!