Mapeando banner com photofiltre studio.
1- Abra o seu banner no photofiltre studio.
2- Selecione a ferramenta da seleção (atalho:A):
3- Selecione o menu, um de cada vez, assim:
4- Viu ? o Home está selecionado agora olhe lá embaixo as coordenadas dele:
Esses 4 números são as coordenadas do seu botão. Em casa link você coloca as coordenas de cada botão.
5- Para colocar no seu theme use esse código se seu menu for de links:
<img src="LINK DO SEU BANNER" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="312,221,384,250" href="LINK 01" />
<area shape="rect" coords="000,000,000,000" href="LINK 02" />
<area shape="rect" coords="000,000,000,000" href="LINK 03" />
<area shape="rect" coords="000,000,000,000" href="LINK 04" />
<area shape="rect" coords="000,000,000,000" href="LINK 05" />
</map>
PRESTE ATENÇÃO ! A cada link as coordenadas vão ser
diferentes ok ? o
link 01 está com as coordenadas do botão
HOME. No
link 02 já irá
mudar pois será
OUTRO BOTÃO.
Se seu menu for de iframe:
<img src="LINK DO SEU BANNER" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="312,221,384,250"
<span onClick="changeNavigation('01')"></span>
<area shape="rect" coords="000,000,000,000"
<span onClick="changeNavigation('02')"></span>
<area shape="rect" coords="000,000,000,000"
<span onClick="changeNavigation('03')"></span>
<area shape="rect" coords="000,000,000,000"
<span onClick="changeNavigation('04')"></span>
<area shape="rect" coords="000,000,000,000"
<span onClick="changeNavigation('05')"></span>
<area shape="rect" coords="000,000,000,000"
<span onClick="changeNavigation('06')"></span>
</map>
PRESTE ATENÇÃO ! A cada link as coordenadas vão ser
diferentes ok ? o
01 está com as coordenadas do botão
HOME. No
02 já irá
mudar pois será
OUTRO BOTÃO.
Fácil né ? Código do mapeamento eu usei o mesmo que o
Gustavo Avelino postou então créditos a ele e a mim pelo tutorial ok ? Obrigado Beijos.
Postado por I Love HTML. 19:37.
2 Comentários:
como mudo as coordenadas vc explicou igual sua cara.
desculpe pelo comentario acima agora me explicaram eu não tava entendendo
Postar um comentário
- Elogie, critique, mas faça isso com educação.
- Se seu comentário estiver com palavrões de baixo calão será excluído.
Assinar Postar comentários [Atom]
<< Página inicial