Kon'nichiwa amores...
No post de hoje vou disponibilizar alguns menus simples mapeados para vocês.
Já avisando são beeem simples, este menu é mais para quem ta começando, vou deixar o menu e o código, e o tutorial de como usa-los.
Então mãos a obra??
Menu Simples
(634 x 31)
Código
<img id="Image-Maps-Com-image-maps-2014-02-10-084734" src="http://www.image-maps.com/m/private/0/9bnu50f1dgr88qcunnbb0h9901_sem-ttulo-6.png" border="0" width="700" height="90" usemap="#image-maps-2014-02-10-084734" alt="" />
<map name="image-maps-2014-02-10-084734" id="ImageMapsCom-image-maps-2014-02-10-084734">
<area shape="rect" coords="11,14,130,45" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="145,15,264,46" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="282,15,401,46" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="417,15,536,46" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="552,13,671,44" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="698,88,700,90" alt="Image Map" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
</map></div>
----------------------------------------------------------------------------------------------------------------------------------
Menu simples rosa
(422 x 32)
Código
<img id="Image-Maps-Com-image-maps-2014-02-10-092502" src="http://www.image-maps.com/m/private/0/9bnu50f1dgr88qcunnbb0h9901_sem-ttulo-7.png" border="0" width="434" height="49" usemap="#image-maps-2014-02-10-092502" alt="" />
<map name="image-maps-2014-02-10-092502" id="ImageMapsCom-image-maps-2014-02-10-092502">
<area shape="rect" coords="8,9,93,39" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="92,9,177,39" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="177,9,262,39" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="259,9,344,39" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="344,9,429,39" alt="" title="" target="_self" href="http://glass-glitter.blogspot.com.br/" />
<area shape="rect" coords="432,47,434,49" alt="Image Map" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
</map></div>
------------------------------------------------------------------------------------------------------------
Já temos 2 menus simples...
Vamos aprender a usar?
Pegue o código do menu que escolheu e cole no seu bloco de notas, colocou?
bem, agora perceba que este menu tem 5 partes não é? Partes que são: INICIO-SOBRE-EXTRAS-F.A.Q-CONTATO
não tem como mudar os nomes, seu menu tem que ter essas páginas, (se não tiver mande um comentario que eu faço um com os links das suas paginas.)
beleza...!
Agora onde está escrito ***http://glass-glitter.blogspot.com.br/*** você muda para o link da pagina onde esta escrito.
EXEMPLO: http://glass-glitter.blogspot.com.br/ ( * inicio * )
http://glass-glitter.blogspot.com.br/p/sobre.html
http://glass-glitter.blogspot.com.br/p/extras.html
E por ai vai...
Entendeu?? não tem como mudar os nomes a não ser que faça outro com os seus links.
Agora que colocou os seus links abra o blog - LAYOUT - ADICIONAR GADGET - HTML/JavaScript
e cole o código do bloco de notas.
Posicione abaixo do cabeçalho. Pois este menu é Horizontal só vai conseguir colocar abaixo ou acima do cabeçalho...
Bom, só quero ajudar então se gostou e foi útil comente... :)
Curta a FP D'ELIZ
Ficarei feliz :D
Qualquer dúvida, só comentar!!
Abraços
