Botão de fim e topo da página

4 participantes

Ir para baixo

Tópico resolvido Botão de fim e topo da página

Mensagem por Tathi 24.06.11 19:52

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
Tathi
Tathi
**

Membro desde : 17/01/2011
Mensagens : 54
Pontos : 87

http://addictivepleasure.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por EyesInFire 24.06.11 20:02

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.
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Consolado 24.06.11 20:13

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! Piscada


Última edição por Shetos em 24.06.11 20:15, editado 1 vez(es)
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por EyesInFire 24.06.11 20:15

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.
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Tathi 24.06.11 21:38

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
Tathi
Tathi
**

Membro desde : 17/01/2011
Mensagens : 54
Pontos : 87

http://addictivepleasure.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Consolado 24.06.11 22:24

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

Até mais! Piscada
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Tathi 24.06.11 22:30

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
Tathi
Tathi
**

Membro desde : 17/01/2011
Mensagens : 54
Pontos : 87

http://addictivepleasure.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Consolado 24.06.11 22:32

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! Piscada
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por EyesInFire 24.06.11 23:01

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.
EyesInFire
EyesInFire
****

Membro desde : 14/03/2011
Mensagens : 212
Pontos : 336

http://reddesign.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Tathi 24.06.11 23:08

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!


Última edição por Tathi em 24.06.11 23:27, editado 1 vez(es)
Tathi
Tathi
**

Membro desde : 17/01/2011
Mensagens : 54
Pontos : 87

http://addictivepleasure.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Consolado 24.06.11 23:15

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 :seta2: Visualização :seta2: Home page :seta2: Geral
Procure pelo campo "Conteúdo da mensagem. :" E adicione o mesmo código que está no widget, isso resolve.

Até mais! Piscada
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Tathi 24.06.11 23:27

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...
Tathi
Tathi
**

Membro desde : 17/01/2011
Mensagens : 54
Pontos : 87

http://addictivepleasure.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Dury 24.06.11 23:55

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 Editar 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.
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Tathi 25.06.11 0:17

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?
Tathi
Tathi
**

Membro desde : 17/01/2011
Mensagens : 54
Pontos : 87

http://addictivepleasure.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Dury 25.06.11 0:42

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?
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão de fim e topo da página

Mensagem por Tathi 25.06.11 0:54

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!
Tathi
Tathi
**

Membro desde : 17/01/2011
Mensagens : 54
Pontos : 87

http://addictivepleasure.forumeiros.com/forum

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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