Hiperligação numa imagem

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

Resolvido Hiperligação numa imagem

Mensagem por MaKi em 29/08/12, 07:41 pm

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:
Http://i50.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, 05:17 pm, editado 1 vez(es)
avatar

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

Ver perfil do usuário http://wrestlingmultimedia.forumeiros.com.pt/

Resolvido Re: Hiperligação numa imagem

Mensagem por Nickname em 29/08/12, 07:48 pm

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

Cordialmente
Dr. Kinki

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. em 29/08/12, 07:52 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Hiperligação numa imagem

Mensagem por MaKi em 29/08/12, 07:53 pm

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

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

Ver perfil do usuário http://wrestlingmultimedia.forumeiros.com.pt/

Resolvido Re: Hiperligação numa imagem

Mensagem por MaKi em 29/08/12, 07:54 pm

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
avatar

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

Ver perfil do usuário http://wrestlingmultimedia.forumeiros.com.pt/

Resolvido Re: Hiperligação numa imagem

Mensagem por Zimbic em 29/08/12, 08:01 pm

Olá Convidado,

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

Até Mais. Piscada
avatar

Zimbic
Nível 4

Masculino
Inscrito dia : 13/08/2012
Mensagens : 27
Pontos Ativos : 41

Ver perfil do usuário http://narutoreceive10.forumeiros.com

Resolvido Re: Hiperligação numa imagem

Mensagem por MaKi em 29/08/12, 08:02 pm

avatar

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

Ver perfil do usuário http://wrestlingmultimedia.forumeiros.com.pt/

Resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. em 29/08/12, 08:06 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Hiperligação numa imagem

Mensagem por MaKi em 29/08/12, 08:25 pm

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

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

Ver perfil do usuário http://wrestlingmultimedia.forumeiros.com.pt/

Resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. em 29/08/12, 08:27 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Hiperligação numa imagem

Mensagem por MaKi em 29/08/12, 08:30 pm

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

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

Ver perfil do usuário http://wrestlingmultimedia.forumeiros.com.pt/

Resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. em 29/08/12, 08:34 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Hiperligação numa imagem

Mensagem por MaKi em 29/08/12, 08:54 pm

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
avatar

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

Ver perfil do usuário http://wrestlingmultimedia.forumeiros.com.pt/

Resolvido Re: Hiperligação numa imagem

Mensagem por MaKi em 29/08/12, 09:01 pm

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)?
avatar

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

Ver perfil do usuário http://wrestlingmultimedia.forumeiros.com.pt/

Resolvido Re: Hiperligação numa imagem

Mensagem por MateusV. em 29/08/12, 10:04 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Hiperligação numa imagem

Mensagem por MaKi em 30/08/12, 05:17 pm

Muito Obrigado Chandler.
avatar

MaKi
Nível 9

Masculino
Inscrito dia : 18/08/2012
Mensagens : 226
Pontos Ativos : 330

Ver perfil do usuário http://wrestlingmultimedia.forumeiros.com.pt/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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