Olá sejam muito bem vindos ao ilovehtml. Estamos de volta e de cara nova, tanto aqui, quanto no nosso blog. Gostariamos de agradecer todo carinho dos nossos seguidores. Hoje composto por quatro moderadoras o ilovehtml quer se tornar um dos melhores meios sobre HTML por aqui, esperamos surpreender vocês com tutoriais novos, themes novos, tudo novo. Em breve vamos estar criando promoções ou outra coisa, para poder prestigiar os nossos queridos seguidores, fiquem ligados nas novidades por aqui.




Em breve novas parcerias, fique ligado.








Você é livre para fazer suas escolhas, mas é prisioneiro das consequências. - Pablo Neruda

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


2 Comentários:

Às 10 de janeiro de 2014 às 00:59 , Blogger Unknown disse...

como mudo as coordenadas vc explicou igual sua cara.

 
Às 10 de janeiro de 2014 às 01:01 , Blogger Unknown disse...

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