sexta-feira, 8 de julho de 2011
17:45 | 
Postado por
Giuliane |
Antes de Tudo Faça um Backup do seu Template não se Responsabilizo por Danos nele, e Pra lembra a vocês Queridos e Queridas Leitores do Tutoriais Bcreate, que todos meu tutorial são Feitos com Base o Template Minima, Disponivel no Blogger Att: Marcos Aurélio Novo Postador.
1. Tenha sua Imagem Pronto pra podemos adiantar.
Ex-link: http://i.imgur.com/MSW8H.jpg
2. Abra sua imagem Firework, ou se não tiver abra o Dreamweaver.
Agora vamos Começar a fazer o que eu Chamo de Mapeamento.
Ex-Link-Firework: http://i.imgur.com/ZArwL.png
Ex-Link-Dreamweaver: http://i.imgur.com/O0KxP.png
3. Feito Mapeamento da sua Imagem como mostrei nas imagens.
no seu Dreamweaver vai ter na barra de ferramenta superior um opção Cod, ou Codigo.
Clique nele e aparece todo seu Codigo Fonte.
4. Feito isso abra seu Bloco de Notas, e Copie tudo de:
(<map ate </map>) e cole.
e tambem de:
(<img ate />) e guarde em um Bloco de Notas Separado.
5. Despois de Copiado os codigos Pedido logo Acima. Entre no Painel do Seu Blogger, Editar HTML
e Procure por <div id='header-wrapper'> Dica de CTRL + F.
6. Subistitua todo o Codigo de <div id='header-wrapper'> ate a tag de fechamento dela </div>
Por esse Codigo Abaixo:
<*center><div id='header-wrapper'>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"> * </th>
</tr>
</table>
</div></center*>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"> * </th>
</tr>
</table>
</div></center*>
Sem os ( * ) .
Despois de Ter substituido Va no Seu Bloco de Notas e Copie de ( <img ) ate ( /> ).
Entre "Col"> e </th>.
E copie de ( <map ) ate ( </map> ) abaixo de </table>
Ficando assim:
<center><div id='header-wrapper'>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><img src="sua-imagem-aqui" width="1400" height="450" border="0" usemap="#Map" /></th>
</tr>
</table>
<map name="Map" id="Map"><area shape="rect" coords="155,404,222,435" href="#" />
<area shape="rect" coords="229,404,307,437" href="#" />
<area shape="rect" coords="318,404,396,437" href="#" />
</map>
</div></center>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><img src="sua-imagem-aqui" width="1400" height="450" border="0" usemap="#Map" /></th>
</tr>
</table>
<map name="Map" id="Map"><area shape="rect" coords="155,404,222,435" href="#" />
<area shape="rect" coords="229,404,307,437" href="#" />
<area shape="rect" coords="318,404,396,437" href="#" />
</map>
</div></center>
Meu Primeiro Tutorial Escrevi Muito mais eu acho que vocês vão Gostar do Resultado
Ate meu Segundo Tutorial Sobre como fazer algumas parte do template em HTML
Att: Caso tenha algum Erro No Meu
Marcadores:
Menu MAP
Assinar:
Postar comentários (Atom)
0 comentários:
Postar um comentário