Código para seta de topo e de fundo

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

Resolvido Código para seta de topo e de fundo

Mensagem por Joker™ em 03/03/12, 08:44 pm

Qual é minha questão:
Seguinte:

Esse código aqui:
Spoiler:
<div style="position: fixed; top: 0px; right: 0px;"><img src="http://i48.servimg.com/u/f48/17/28/71/97/seta_210.png" onclick="$('html,body').animate({scrollTop: $('#pun-foot').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;"><div style="position: fixed; bottom: 0px; left: 0px;"><img src="http://i48.servimg.com/u/f48/17/28/71/97/seta_110.png" onclick="$('html,body').animate({scrollTop: $('#top').offset().top}, 2000);" title="Topo da página"></div>

A seta de baixo está funcionando mas a de cima não... Porque? E como conserta isso?

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
Está lá...

Endereço do meu fórum:


Versão do meu fórum:
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Código para seta de topo e de fundo

Mensagem por MateusV. em 03/03/12, 08:48 pm

Ola, troque o codigo por este
Código:
<div style="position: fixed; top: 0px; right: 0px;"><img src="http://i68.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#page-footer').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<img src="http://i68.servimg.com/u/f68/14/38/92/90/up-ico10.png" onclick="$('html,body').animate({scrollTop: $('#phpbb').offset().top}, 2000);" title="Topo da página"></div>
Resulta?
Cordialmente. Café
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: Código para seta de topo e de fundo

Mensagem por Joker™ em 03/03/12, 08:58 pm

Ok mas eu posso mudar a imagen né?
Responde só essa e depois podem fechar...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Código para seta de topo e de fundo

Mensagem por MateusV. em 03/03/12, 08:59 pm

Olá, sim você pode...
Cordialmente. Café
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: Código para seta de topo e de fundo

Mensagem por Luciano98 em 04/03/12, 06:23 am

Olá!

Aqui está:
<div style="position: fixed; top: 0px; right: 0px;"><img src="IMAGEM1" onclick="$('html,body').animate({scrollTop: $('#page-footer').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<img src="IMAGEM2" onclick="$('html,body').animate({scrollTop: $('#phpbb').offset().top}, 2000);" title="Topo da página"></div>
IMAGEM1 = Link da imagem da seta do topo.
IMAGEM2 = Link da imagem da seta do final.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Código para seta de topo e de fundo

Mensagem por Joker™ em 04/03/12, 07:27 pm

Deu certo obrigado os dois...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Código para seta de topo e de fundo

Mensagem por Fonsecca em 04/03/12, 07:45 pm

Bom, caso queira o tutorial salvo está aí:
http://ajuda.forumeiros.com/t29292-tutorial-botao-de-fim-e-topo-da-pagina



Atenciosamente,
Fonsecca
avatar

Fonsecca
Nível 8

Masculino
Inscrito dia : 23/02/2012
Mensagens : 141
Pontos Ativos : 166

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

Resolvido Re: Código para seta de topo e de fundo

Mensagem por Joker™ em 10/03/12, 05:50 pm

Alguem fecha aqui...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Código para seta de topo e de fundo

Mensagem por Nickname em 10/03/12, 05:52 pm

Veja o seguinte tutorial de seu interesse: http://ajuda.forumeiros.com/t29292-

Até mais

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: Código para seta de topo e de fundo

Mensagem por Joker™ em 10/03/12, 07:21 pm

Eu ja sei alguem fecha aqui....
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

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