Ir ao conteúdo
  • Cadastre-se
caiocvr

Como coloco um link invisivel no imagem - Eu uso o DW 8

Recommended Posts

Eu tenho uma imagem que seria o modelo do site com os botões e tal salvo em jpeg....

E gostaria de linkar os botões que ta na imagem com seus sites respectivos...

Aguardo respostas....

Obrigado...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Use a tag <map> do html que você pode fazer com que qualquer área da sua imagem seja clicável e quantas vezes você precisar.

Um link razoável:

http://guiahtml.vilabol.uol.com.br/aula9.html

Já existem até programas especificamente para isso, e alguns editores de imagens como o ImageReady da Adobe possuem ferramentas para tanto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode fazer isso em Fireworks usando a ferramenta Slice. Depois de fazer o slice, vai aparecer um campo chamado Link na barra de propriedades. Aí você coloca o link desejado, ok? :D

Compartilhar este post


Link para o post
Compartilhar em outros sites

Utz não tenho o FW so tenho o DW8... tem como fazer via camada ou por outro jeito?

preciso disso com um pouco de urgencia....

o site ta desatualizado um tempaum....

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá amigo...

faz tempo que não mexo no DW mas se não me engano, você vai na guia insert/common/images(aqui você vai abrir e selecionar Draw Rectangle Hotspot) ... com isto você poderá definir àreas sobre sua imagem e linkar cada uma delas....

seria mais ou menos assim:

<img src="imagem.jpg" width="800" height="600" border="0" usemap="#Map">

<map name="Map">

<area shape="rect" coords="4,4,206,37" href=www.exemplo.com>

</map>

OK??

espero ter ajudado e não ter dito bobagem

aquele abraço

Luiz Guerrero

Compartilhar este post


Link para o post
Compartilhar em outros sites

É isso mesmo, hagnahok... Tanto q tem 2 tipos de mapeamento: um que marca um retângulo e outro que permite que você desenhe um formato com o cursor (por exemplo para mapas). É como se fosse fazer o Slice do Fireworks dentro do Dreamweaver.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Use a Tag <div> com CSS.

<html><head>

<style type="text/css">

#link1 {

position: relative;

top: 100px;

left: 50px;

}

</style></head>

<body>

<div id="link1">

<a href="#.html">Link para site 1</a>

</div>

</body>

</html>

É só colocar a imagem do site como background, adicionar uma nova

<div> para cada link e mudar o Top e Left pra mudar o posicionamento.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×