segunda-feira, 29 de outubro de 2012

Criando e linkando um menu

Olá Designers ! Tudo bem ? Nescauh aqui !

Uma dúvida frequente entre os iniciantes,é como linkar partes do cabeçalho. Para isso devemos usar coordenadas e como isso seria muito complicado,o site Image-Maps criou um sistema para facilitar nossa vida.

Bom vamos lá.

Abra o Fireworks e crie um cabeçalho qualquer e escolha o lado do seu menu (em cima ,embaixo ,etc) e crie o menu junto:

Ok,agora que o cabeçalho está feito, entre no site : http://image-maps.com/ , esse site é que vai nos ajudar a linkar o cabeçalho.

No site,faça upload de seu cabeçalho,ou cole o url dele na caixinha,em seguida clique em Start Map your Image.
Depois de carregar,clique em Next Step,então clique no botão escrito "Retangle" e crie o retângulo sobre o seu menu igual a imagem:
 Coloque o link aonde mostra a imagem,e clique em Save .

Depois de linkar todo seu menu, desmarque todas as caixinhas laterais conforme a imagem:
(elas servem para dar divulgação)
Quando terminar,clique em Get Your Code.
Espere carregar e selecione a aba HTML CODE, copie todo código e vá para seu layout.
Copie todo o código,e vá em Modelo>Editar HTML> De CTRL+F e procure por:

<div id='header-wrapper'>

Quando encontrar,cole o código DEPOIS disso,visualize e salve.

Espero que tenham ajudado a vocês.Até mais.

Nenhum comentário:

Postar um comentário