tutoriais category image
Mapeamento de Imagens
Sunday 15/01/2006 às 15:26 | Arquivado em: ,

Mapear uma imagem é colocar um link em alguma parte dela definida por você. Isso costuma ser usado em menus de navegação.

01. Abra sua imagem no Front Page e clique clique em Exibir/Barra de Ferramentas/Figura. Aparecerá uma barra de ferramentas e você terá que clicar no retângulo ou no circulo ou ainda na ferramenta ao lado em que você mesma irá definir o formato. Veja na Imagem as ferramentas:

02. Agora você irá marcar a parte da imagem que quer linkar. Clique aqui para ver o exemplo
03. Depois de marcada a imagem, irá abrir uma janela onde você irá digitar o endereço a ser linkado, como no exemplo: clique aqui
E seu mapeamento está pronto!

Obs. As páginas do seu menu serão i-frames, portanto depois do endereço do link não esqueça de acrescentar target="iframe".

Posts Relacionados




20 Comentários em “Mapeamento de Imagens”



Iasmin 20-04-2011 | 09:43 Responder

E como faço apra colocar mapeamento nos topos wp?

Tamara 20-04-2011 | 11:44 Responder

É só colocar o código gerado dentro da div header no arquivo header.php

LuizF 23-07-2011 | 21:35 Responder

Ola Tamara, obrigado pelo tutorial.
Também estou tentando colocar um efeito de mapeamento junto ao header.php do wordpress (topo). Consegui, mas queria apenas o evento de alt (texto alternativo, não o link).Por acaso conhece alguma forma simples de se fazer apenas isso: evento do texto alternativo para uma parte da imagem?
O problema desse mapeamento foi que o evento/efeito foi executado apenas no explorer (no chrome e firefox não, não sei se foi por desuso na linguagem ou coisa parecida…). Alguma solução nova pra esse problema?
Bom, a informação ja foi bastante util. Vou pesquisando e qualquer solução eu posto aqui.
Valeu

Tamara 24-07-2011 | 08:40 Responder

Desculpe não poder ajudar, esse tutorial tem mais de 5 anos e há muito tempo nem tenho mais o Front Page, por isso não posso fazer a simulação para tentar te responder.

Carlos Lima 16-09-2011 | 15:47 Responder

Tamara, oi. (:

Eu quero colocar uma imagem mapeada (pelo image reader) no topo do wp. Vi você dizendo que coloca dentro da div header no arquivo header.php, mas que div é essa? Qual o ponto exato que eu tenho que colocar o código do mapeamento?

Estou fazendo isso no Template Base Antigo 04. Por favor me ajuda!

thanks.

Tamara 16-09-2011 | 16:19 Responder

É exatamente isso, você tem o nome da div e o arquivo onde ela fica, não sei mais como ajudar =/

Carlos Lima 17-09-2011 | 00:20 Responder

Aaaaaaaai *-*
Consegui, muito obrigado <3
Amo teu trabalho.




Comentar


Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas e divulgações não serão aprovados. Obrigada.





38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 21 20 19 18 17 16 15 14 13 12 11 10 9 8 6 5 4 3 2 1