10/09/2021

Como criar links com várias imagens em miniatura

Como criar links com várias imagens em miniatura

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.

Como criar links com várias imagens em miniatura

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.

Veja também