Hiperligação numa imagem

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Hiperligação numa imagem

Mensagem por MaKi 29.08.12 23:41

Qual é minha questão:
Eu tenho o banner do meu fórum e gostava que quando-se clicasse nele do lado direito inferior dele fosse dar a uma mensagem do fórum, quando se clicar no resto do banner vai dar a pagina inicial, podem-me ajudar?

Links e imagens do meu problema:
https://2img.net/h/oi50.tinypic.com/30m61ky.png

Endereço do meu fórum:
http://forum.wrestlingalaxy.com

Versão do meu fórum:
Não sei


Última edição por MaKi em 30.08.12 21:17, editado 1 vez(es)
MaKi

MaKi
****

Membro desde : 18/08/2012
Mensagens : 226
Pontos : 330

http://wrestlingmultimedia.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por Nickname 29.08.12 23:48

Olá,
Creio que não seja possivel, mas aguarde usuários mais experiêntes para confirmar a sua pergunta.

Cordialmente
Dr. Kinki
Nickname

Nickname
Super Membro

Membro desde : 13/11/2011
Mensagens : 1554
Pontos : 2050

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. 29.08.12 23:52

Olá!

Poderia me fornecer o link do fórum que contenha o banner? E também, poderia me dizer exatamente onde deseja que mostre o alerta caso clique no banner?

Abraços. Piscada
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MaKi 29.08.12 23:53

Obrigado, se não der, será que dá para mudar o link para onde se vai quando se clica no banner?
MaKi

MaKi
****

Membro desde : 18/08/2012
Mensagens : 226
Pontos : 330

http://wrestlingmultimedia.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MaKi 29.08.12 23:54

Chandler escreveu:Olá!

Poderia me fornecer o link do fórum que contenha o banner? E também, poderia me dizer exatamente onde deseja que mostre o alerta caso clique no banner?

Abraços. Piscada

http://wrestlingmultimedia.forumeiros.com.pt/ e é no canto inferior direito mas não é bem alerta, mas sim ir para outro link
MaKi

MaKi
****

Membro desde : 18/08/2012
Mensagens : 226
Pontos : 330

http://wrestlingmultimedia.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por Zimbic 30.08.12 0:01

Olá Convidado,

Será Que Dá Para Me Passar o Link Que Quer Colocar?

Até Mais. Piscada
Zimbic

Zimbic
Novo Membro

Membro desde : 13/08/2012
Mensagens : 27
Pontos : 41

http://narutoreceive10.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MaKi 30.08.12 0:02

MaKi

MaKi
****

Membro desde : 18/08/2012
Mensagens : 226
Pontos : 330

http://wrestlingmultimedia.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. 30.08.12 0:06

Olá!

Aceda ao seu:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript Seta Criar um novo código Javascript

Investimento: Em todas as páginas
Código:
jQuery(document).ready(function(){var i=jQuery('#logo-desc a#logo img').attr('src');jQuery('#logo-desc').html('<div id="logo-bg"><img src="'+i+'"/><a href="LINK" id="link-logo">AAAAAAAAAAAAAAAAAAAAAAAAAAAA</br>AAAAAAAAAAAAAAAAAAAAAAAAAAAA</a>');});

Vermelho -> Link que irá redirecionar.

Feito isto, aceda ao seu:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Aba 'Folha de estilo CSS'

Cole o código abaixo e salve:
#link-logo {
color: transparent;
position: absolute;
top: 20%;
right: 10%;
}

Abraços. Piscada
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MaKi 30.08.12 0:25

Não deu certo. O Banner todo ficou sem hiperigação e mesmo essa do summerslam não está bem localizada.
MaKi

MaKi
****

Membro desde : 18/08/2012
Mensagens : 226
Pontos : 330

http://wrestlingmultimedia.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. 30.08.12 0:27

Olá!

Pois o senhor deve especificar onde se encontra o link, como o senhor disse no "canto direito" eu criei um código para funcionar no canto direito.

Abraços. Piscada
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MaKi 30.08.12 0:30

Certo, atualizei o banner, é na parte direita inferior onde diz summerslam.
MaKi

MaKi
****

Membro desde : 18/08/2012
Mensagens : 226
Pontos : 330

http://wrestlingmultimedia.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. 30.08.12 0:34

Olá!

Faça os mesmos passos anteriores, mas agora, se o link ficar mal posicionado o senhor pode editar desta forma:
#link-logo {
color: transparent;
position: absolute;
top: 20%;
right: 10%;
}
#logo-bg img{cursor:pointer;}

Vermelho, a distância que o link terá do topo.
Verde, a distância que o link terá da direita.

Abraços. Piscada
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MaKi 30.08.12 0:54

Não funciona, nem consigo clicar no banner e ir para o Inicio nem ir para aquele tópico. Vou tentar ser mais claro, no banner eu quero clicar nele e ir para o inicio como dantes mas na parte direita ir para um tópico em vez do inicio, ou seja ter dois links num só banner, está melhor? Muito feliz
MaKi

MaKi
****

Membro desde : 18/08/2012
Mensagens : 226
Pontos : 330

http://wrestlingmultimedia.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MaKi 30.08.12 1:01

Olhe, editei o codigo css e já da para ir para aquele topico na parte direita:

Código:
#link-logo {
color: transparent;
position: absolute;
top: 24%;
right: 16%;
}
#logo-bg img{cursor:pointer;}

Agora o resto do banner não funciona, será que há alguma maneira de fazer com que o resto do banner se clique e se vá para o inicio(fórum)?
MaKi

MaKi
****

Membro desde : 18/08/2012
Mensagens : 226
Pontos : 330

http://wrestlingmultimedia.forumeiros.com.pt/

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. 30.08.12 2:04

Olá!

Substitua o código Js por este:
jQuery(document).ready(function(){var i=jQuery('#logo-desc a#logo img').attr('src');jQuery('#logo-desc').html('<div id="logo-bg"><img src="'+i+'"/><a href="LINK" id="link-logo">AAAAAAAAAAAAAAAAAAAAAAAAAAAA</br>AAAAAAAAAAAAAAAAAAAAAAAAAAAA</a>');jQuery("#logo-bg img").click(function(){location.href='/forum'}); });

Abhraços. Piscada
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Hiperligação numa imagem

Mensagem por MaKi 30.08.12 21:17

Muito Obrigado Chandler.
MaKi

MaKi
****

Membro desde : 18/08/2012
Mensagens : 226
Pontos : 330

http://wrestlingmultimedia.forumeiros.com.pt/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos