Hoje vou ensinar vocês a fazer o menu do jeito que vocês desejarem, para isso vamos precisar de uma imagem do fundo transparente e do photoscape.
Baixe aqui a imagem do fundo transparente (Você não vai ver ela, mas esta la)
Abra a imagem no photoscape, vá na ala inicio clique em "Redimensionar", ira abrir uma caixinha la você ira colocar a Largura em 750 e a altura em 110, desmarque a opção "preserve aspecto proporcional".
Agora vá para a ala "Objeto" selecione a opção modo caixa arredondada, escolha a cor desejada e faça a caixinha do menu (faça apenas um), não precisa fazer da altura da imagem, faça um tamanho que já da pra por a escrita. Clique novamente na ala objeto, e clique na caixinha que acabou de fazer. Vai aparecer o sinal de mais (+), clique nele até o tanto de menus que deseja. (Tem que fazer assim para ficar todos do mesmo tamanho). Agora clique em cada um e vá modificando apenas as cores. Depois é só colocar na opção texto e colocar a escrita desejada.
Pronto ele deve ter ficado assim:
Agora vamos por o link nele. Vá para o Image Map Tool clique em "escolher arquivo" e selecione o menu, depois clique em "Start mapping your image". Vai aparecer um recado, espere os 10 segundos e clique em "continue to next step". Agora vamos mapear a imagem, clique em "rectangle" e vá mexendo no quadradinho até ficar do tamanho o primeiro link, aonde ate o link do site você vai apagar e vai colar o link da pagina que você deseja (Ex: Ta escrito Chat, então você vai colar o link da pagina do chat). Clique em "Save" e passe para o próximo, apos fazer isso com todos clique em "Get your code", clique em "HTML Code" e copie o código até </map>, agora vá para seu blog, em elementos da pagina, coloque o gadget "HTML/JavaScript" e cole o cod. que você copiou, e depois de </map> coloque </div>. Coloque o gadget abaixo do cabeçalho e pronto. Seu menu esta pronto! Espero que vocês tenham gostado!
Beijos!!!
Nenhum comentário
Postar um comentário