Social Icons

sexta-feira, 31 de dezembro de 2010

Como por Link em Imagem




Descrição: Uma coisa simples, mas que atormenta á todos que acabam de iniciar com Webdesign, é como colocar um link em uma Imagem e hoje vou ensinar á fazer isso. Mas para isso, você precisaantes, logicamente ter a imagem.
Então vamos fazer os Seguintes passos:


  1. Escolha a imagem
  2. Hospede-a no site de sua preferência 
  3. Copie o endereço da imagem 
  4. Use o código abaixo
<a href="endereço do site"><img src="endereço da imagem" /></a>
Exemplo:

Feeds
Agora vou hospedá-la no Picasa e copiar o endereço dela
upload url
Obtive o seguinte endereço:
Quero que esta imagem direcione o usuário ao Meu site. O código ficará assim:
Vejam o resultado,clicando na imagem abaixo:
Existem diversas outras maneiras de se fazer isso:
No Windows Live Writer
Escolha a imagem do HD, clique nela, e escolha “vincular à url”. Na caixa que vai abrir, coloque a url da imagem. 
live writer
No NVU Portable
Clique no ícone para adicionar uma imagem. Na nova janela, coloque a url da imagem em “endereço” e o link a ser direcionado na aba “ link”. Em “descrição” coloque uma frase para ajudar o usuário a se localizar e em “Texto substituto”, uma palavra para identificar a imagem. Copie o código e cole onde desejar.
configuração código-fonte

Nenhum comentário:

Postar um comentário