Botão de fim e topo da página

Qual é sua questão:
Oi!
Segui este tutorial: Tutorial Botão de Fim e Topo da Página, mas não funcionou...
Simplesmente não aparecem os botões.
Eu não quis usar o jeito de pôr na homepage, em vez disso usei os widgets do fórum.
Alguém me dá uma luz, por favor?

Que medidas você tomou para corrigir o problema:
Testei pôr o jeito de pôr o código na homepage, e ele funciona, mas não me satisfaz porque não fica em todas as páginas do fórum...

Apresente-nos imagens do problema (se necessário):


Endereço do fórum:
http://eroslayout.forumeiros.com/forum

Versão do fórum:
INVISION

Vá em : painel de controle > módulos > gestão dos widgets do fórum > cria um novo.
E coloca esse código :

<div style="position: fixed; top: 0px; right: 0px;"><img src="https://i.servimg.com/u/f68/14/38/92/90/down-i10.png" onclick="$('html,body').animate({scrollTop: $('#gfooter').offset().top}, 2000);" title="Fundo da página"></div><div style="position: fixed; bottom: 0px; right: 0px;">
<img src="https://i.servimg.com/u/f68/14/38/92/90/up-ico10.png" onclick="$('html,body').animate({scrollTop: $('#ipbwrapper').offset().top}, 2000);" title="Topo da página"></div>

Se não funcionar eu não sei.

Olá e boa tarde!
Teste este código:

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: $('#gfooter').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: $('#ipbwrapper').offset().top}, 2000);" title="Topo da página"></div>

Até mais!

Shetos ela disse que viu esse tutorial e não conseguiu.
Eu só sei esse jeito, se vocês tiverem outro para postar e ajuda-la.

Nenhum deles funcionou, mas obrigada aos dois por serem tão solícitos, eu não esperava respostas tão rápidas.

(Vou tentar jogar o mesmo código no fórum de uma amiga que é invision tb. Creio que não é problema do código que me passaram, mas talvez eu esteja usando algum outro código que esteja anulando esse...)

[Edit]
Joguei no da minha amiga e funcionou o código... Vou ver se é alguma parte do CSS do meu tema que está atrapalhando. Algum de vcs teria alguma ideia de que tipo de código anularia esse dos botões?

[Edit2]
Deixei o CSS do meu fórum vazio e testei o código, mas não funcionou...

[Edit3]
Restaurei pro tema automático do Invision e os botões apareceram (finalmente!), só que agora eu estou com um retângulo no lado esquerdo da tela. Como que eu tiro ele? Dá pra vê-lo aqui: http://eroslayout.forumeiros.com/forum

Olá novamente,
Eu não pude compreender, Que "retângulo"? Eu não pude visualiza-lo, poderia me servir uma imagem querida?

Até mais!

Sinto muito, eu realmente não fui muito clara... ^^''
Circulei em vermelho, é uma parte do widget, mas eu queria ocultar: https://2img.net/h/i179.photobucket.com/albums/w309/Tathi_Peter/SemTtulopo-1cpiacpia.jpg

Olá novamente,
Os widgets de seu fórum estão ativos? Eu já tive isto, eles estavam ativos.
Caso estejam ativados, Desative ou disponibilize outros widgets em seu fórum, acho que isso basta querida.

Até mais!

Bom eu fiz isso no meu, e sim ficou um widget também, só que se ficar o widget vai poder ter os icones para subir e descer em todas as paginas, caso contrário se não quiser fazer isso, será somente na página inicial do seu fórum.


@Edit :
Eu aconselho a não usar isso, pois são poucas gentes que usam esses botões.
Mas se quiser pode usar claro, só um conselho.

Ahm... Shetos, o widget está ativo porque é nele que está o código dos botões de fim e topo de página. Se eu desativar, os botões somem. Ou tem alguma maneira de eu pôr o código dos botões em todas as páginas do fórum sem ser pelo widget? (Por CSS e colocando link na descrição do fórum daria, certo? Será que tem como fazer algo assim?) Obrigada pela paciência ;D

Eyesinfire, eu não sou tão fã desses botões também (esteticamente eu não curto muito, porque eu costumo gostar de fóruns já meio 'poluídos', e esses botões poluem mais), mas acho que vai ficar realmente mais prático no meu fórum. Vou tentar ver se Sheetos conhece algum meio de pôr o código em CSS ou em página HTML e pôr na descrição do fórum, assim não ficaria aquele retângulo que joga todo o meu fórum pra direita... Obrigada pela ajuda!

Olá novamente,
Onde realmente deseja os botões querida? Caso seja apenas na página inicial do fórum, não será necessário utilizar widgets.
Basta aceder á: Painel de Controle Visualização Home page Geral
Procure pelo campo "Conteúdo da mensagem. :" E adicione o mesmo código que está no widget, isso resolve.

Até mais!

Shetos, quando eu abri este tópico eu escrevi isto:

Que medidas você tomou para corrigir o problema:
Testei pôr o jeito de pôr o código na homepage, e ele funciona, mas não me satisfaz porque não fica em todas as páginas do fórum...

Eu quero o botão em todas as páginas, mas não quero que seja em widget e fique aquele retângulo...

Olá e boa noite Tathi!

Referente á imagem que nos mostrou circulada em vermelho é ao caso o widget. Simplesmente caso retire-o não será possível que os botões funcionem, neste caso para retirar o fundo cinza escuro da imagem, procure por:
Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->>
Clique no botão do widget criado, e procure á opção "Utilizar um table type" e marque-na como "Nâo".

Essa é uma das maneiras de fazer que á mesma não exista por exemplo, pois um código se ele estiver com suas tags encerradas corretamente ele não aparece em "escrita" e sim o efeito. Meu conselho é que adicione este código ao widget do seu fórum onde que o mesmo esteja visível em todo o fórum.

Oi Jeffrey!
Pois então, na screen que eu tirei eu já tinha marcado "Não" na opção "Utilizar um table type", já que era isso que o tutorial mandava. Mesmo colocando "Não" continua com aquele retângulo do widget à esquerda da página.
E Jeffrey, nessa screen o código já está num widget do fórum, ou seja, os botões estavam aparecendo em todo o fórum, como eu queria, a questão é que eu não quero esse retângulo.
Teria como pôr o código em página html e pôr na descrição do fórum?

Olá,

Infelizmente não há outros locais ao não ser na mensagem da home page e páginas HTML personalizadas. Existe CSS na sua folha? Somente o código do topo e fim de página estão adicionados ao widget?

Oi Jeffrey!

O código não estava funcionando na minha versão anterior, então eu limpei todo o CSS e restaurei para a versão automática do invision, e só então o código funcionou e eu tirei a screen que você viu.
Você acabou me dizer "Infelizmente não há outros locais ao não ser na mensagem da home page e páginas HTML personalizadas.", isso quer dizer que tem como pôr na página html, certo? Se dá para pôr na página html, não tem como pôr o link da página html na descrição do fórum?
O que eu fiz no código foi o seguinte: fui a 'Widgets do fórum' e criei um widget sem table type com o código abaixo.

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: $('#gfooter').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: $('#ipbwrapper').offset().top}, 2000);" title="Topo da página"></div>

Obrigada pela paciência!