Aqui estou eu de novo, Shocker
Muita gente gosta de usar o Image Maps! Mas com o DreamWeaver, vamos ver que é quase a mesma coisa.
Primeiro, abra o DreamWeaver, clique em HTML, depois de aberto, certifique-se que está na aba Design e não na aba Code.
Feito isso, clique em Insert > Image.
Escolha a imagem, dê OK, dê OK novamente, e a imagem aparecerá.
Lá embaixo na barra de propriedades, um pouco mais embaixo, terá isso:
Clique no retângulo, e então, faça um retângulo em cada palavra, assim:
As pontas azuis, indicam que o botão foi selecionado. Vá clicando em cada um para linká-los.
Para linkar, basta clicar nele, e em seguida digitar o link onde mostra a figura abaixo:
Onde está escrito LINK, apague o # e coloque o link desejado, em Home no caso, irei colocar o link do Penguins Designer!
Depois de linkar tudo, clique em Code, irá aparecer uma tela igual a essa, porém, com os links diferentes, os links no qual você quis atribuir ao menu!
Basta copiar o código de <img src= até a tag <map> e colar esse código abaixo da tag <div id='header-wrapper'˃, no HTML do seu blog!
E foi só! Dúvidas, perguntem no xat!
Sem comentários:
Enviar um comentário