Tech Mais
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

techadd

Conectar-se

description[HTML] Colocando um link em uma imagem Empty[HTML] Colocando um link em uma imagem

more_horiz
Imagem com link


Introdução: Este tutorial explicará como colocar um link "dentro" de uma imagem. Ou seja, ao passar por cima da imagem poderemos clicar em cima e essa imagem nos redireccionará para uma página.


Escolhendo o link:

Código:

<a href="http://techmais.forumeiros.com/"></a>


O link está escolhido agora resta nos escolher a imagem para realizar o efeito pretendido.

Escolhendo a imagem:

Código:

<img src="http://i.imgur.com/ZUtbzCO.gif">


A imagem está escolhida, passaremos então para o efeito.

Unindo a imagem e o link:

Código:

<a href="http://techmais.forumeiros.com/"><img src="http://i.imgur.com/ZUtbzCO.gif"></a>


Muito simples. Apenas colocar o [codebox]img (imagem)[/codebox] dentro do [codebox]a (link)[/codebox], e logo a imagem como link.

Resultado:

(Clique na imagem)

Código:

<a href="http://techmais.forumeiros.com/"><img src="http://i.imgur.com/ZUtbzCO.gif"></a>





© Mais Info


Última edição por RafaelS. em Dom Fev 14, 2016 3:37 am, editado 1 vez(es)

description[HTML] Colocando um link em uma imagem EmptyRe: [HTML] Colocando um link em uma imagem

more_horiz
Demais. :lol:
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum