Aqui está um código html muito legal que você pode usar para lincar através de imagens.
Aqui você consegue lincar até 12 imagens mas nada impede você de fazer uma verdadeira galeria de imagens, cada uma levando para algum lugar específico.
Aqui está um exemplo de como fica o código:
Eu aproveitei para colocar meus e-books gratuitos e meus cursos. Clique nas imagens e você será levado para as páginas respectivas.
Para que as imagens fiquem perfeitas o ideal é que você reduza os tamanhos para 75 X 100.
Veja o código abaixo:
-------------------------------------------------------------------------------
<table border="1" cellspacing="2" cellpadding="0" align="center" bgcolor="#361702" bordercolor="#361702">
<tr>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
</tr>
<tr>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
</tr>
</table>
---------------------------------------------------------------------------------
Basta substituir os "#" pelo endereço e imagem respectivamente. Dá um pouco de trabalho mas no final o código fica muito bom.
Um abraço.
Aqui está um exemplo de como fica o código:
Eu aproveitei para colocar meus e-books gratuitos e meus cursos. Clique nas imagens e você será levado para as páginas respectivas.
Para que as imagens fiquem perfeitas o ideal é que você reduza os tamanhos para 75 X 100.
Veja o código abaixo:
-------------------------------------------------------------------------------
<table border="1" cellspacing="2" cellpadding="0" align="center" bgcolor="#361702" bordercolor="#361702">
<tr>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
</tr>
<tr>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
<td align="center"><a href="#"><img src="#" width="75" height="100" border="1" /></a></td>
</tr>
</table>
---------------------------------------------------------------------------------
Basta substituir os "#" pelo endereço e imagem respectivamente. Dá um pouco de trabalho mas no final o código fica muito bom.
Um abraço.
Nenhum comentário:
Postar um comentário
Faça comentários somente sobre o assunto do Post.
Não use palavras impróprias.