[Resolvido] Adicionar link à imagem

[Guilherme Oderdenge 42]

Olá, usuários!

 

Eu tenho a seguinte imagem:

 

Nela, como podem ver, existe o "CLIQUE E FIQUE POR DENTRO", certo? Certo.

 

Bom, gostaria de saber como fazer com que apenas o texto em questão fique clicável (no caso, "CLIQUE E FIQUE POR DENTRO") pelo HTML.

 

Não quero utilizar o método de recorte no Photoshop e setar um link no HTML, respectivamente.

 

Quero fazer tudo em HTML para evitar pesar a página com imagens recortadas.

 

Sei que é possível. Já vi diversos sites com isso.

 

Desde já, grato.

Abraço!

[exacode 0]

Olá,

 

Que eu tenha conhecimento em HTML acho que não é possível..

Talvez em Flash você consiga esse efeito.

Em HTML podes criar uma hiperligação (<a href="">CLIQUE E FIQUE POR DENTRO</a>) mas não fica com o efeito de degrade..

 

Mostre-me um site que tenha esse efeito, eu pelo menos não conheço amigo e gostava de ver

 

Cumps

[Guilherme Oderdenge 42]

Olá, exacode! Obrigado pela resposta!

 

Mas então, você pode usar como exemplo este site.

 

No canto direito ali, tem um botão rosa bem grande escrito "CRIAR NOVA CONTA". Ali você pode ver dois casos destes que eu citara.

 

Abraço!

[exacode 0]

Olá Kaminari,

 

Esse efeito já eu conhecia

É simples, primeiro existe uma imagem deste género:

 

 

Agora no HTML existe uma hiperligação em branco:

<a href="" id="imagem_link"></a>

Depois no CSS:

#imagem_link {	background: url('link_da_imagem.jpg') 0 0 no-repeat;	width: 297px;	height: 53px;	float: left;	margin: 23px 0 0 22px;	cursor: pointer;}#imagem_link:hover {	background: url('link_da_imagem.jpg') 0 -53px no-repeat;}

Faz o teste

 

PS: esse código que coloquei foi retirado desse mesmo site que me passaste...

 

Cumps

[Guilherme Oderdenge 42]

Olá, Exacode. Obrigado pela ajuda, bro!

 

Eu entendi o efeito, mas eu não quero o hover. Quero conseguir adicionar um link a esse "Criar nova conta", e, como podes ver, no meu caso lá encima, o "Clique aqui e fique por dentro" está dentro da imagem. O que eu tenho que fazer pro link funcionar?

 

Desde já, grato.

 

Abraço!

 

@ Edit

 

Pra facilitar, vou lhe deixar mais a par da minha dúvida:

Entendi como faz o efeito do hover, mas a propósito, o que tenho de fazer para colocar o link a onde eu quero?

 

Se tiver alguma dúvida com o meu problema, só falar que eu tento facilitar ao máximo, beleza?

 

MUITO OBRIGADO MESMO!

 

@EDIT 2

 

Cara, consegui. Muitíssimo obrigado, mesmo!

Acho que já tinha há muito tempo essa dúvida, e você sanou de uma vez por todas, hahaha.

 

Só gostaria de saber, como eu faria para identificar as coordenadas que eu teria que determinar no margin no CSS?

 

Valeu mesmo!

[exacode 0]

Amigo de nada ,

Sempre às ordens!!!

 

Para identificar as coordenadas do margin você vai precisar de usar o photoshop para ver o tamanho da imagem, depois com a ferramenta régua você tira as medidas das margens: superior e lateral..

 

Esclareci?

 

Cumps

[Guilherme Oderdenge 42]

Esclarecidíssimo!

 

Muitíssimo obrigado!

 

Abraço!

[exacode 0]

Força com isso .

 

Cumps