Botão de fim e topo da página

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

Resolvido Botão de fim e topo da página

Mensagem por Tathi em 24/06/11, 03:52 pm

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
avatar

Tathi
Nível 5

Feminino
Inscrito dia : 17/01/2011
Mensagens : 54
Pontos Ativos : 87

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

Resolvido Re: Botão de fim e topo da página

Mensagem por EyesInFire em 24/06/11, 04:02 pm

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="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>

Se não funcionar eu não sei.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Botão de fim e topo da página

Mensagem por Consolado em 24/06/11, 04:13 pm

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, 04:15 pm, editado 1 vez(es)
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Botão de fim e topo da página

Mensagem por EyesInFire em 24/06/11, 04:15 pm

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.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Botão de fim e topo da página

Mensagem por Tathi em 24/06/11, 05:38 pm

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
avatar

Tathi
Nível 5

Feminino
Inscrito dia : 17/01/2011
Mensagens : 54
Pontos Ativos : 87

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

Resolvido Re: Botão de fim e topo da página

Mensagem por Consolado em 24/06/11, 06:24 pm

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
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Botão de fim e topo da página

Mensagem por Tathi em 24/06/11, 06:30 pm

Sinto muito, eu realmente não fui muito clara... ^^''
Circulei em vermelho, é uma parte do widget, mas eu queria ocultar: http://illiweb.com/fa/pbucket.gif
avatar

Tathi
Nível 5

Feminino
Inscrito dia : 17/01/2011
Mensagens : 54
Pontos Ativos : 87

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

Resolvido Re: Botão de fim e topo da página

Mensagem por Consolado em 24/06/11, 06:32 pm

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
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Botão de fim e topo da página

Mensagem por EyesInFire em 24/06/11, 07:01 pm

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.
avatar

EyesInFire
Nível 9

Masculino
Inscrito dia : 14/03/2011
Mensagens : 212
Pontos Ativos : 336

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

Resolvido Re: Botão de fim e topo da página

Mensagem por Tathi em 24/06/11, 07:08 pm

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, 07:27 pm, editado 1 vez(es)
avatar

Tathi
Nível 5

Feminino
Inscrito dia : 17/01/2011
Mensagens : 54
Pontos Ativos : 87

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

Resolvido Re: Botão de fim e topo da página

Mensagem por Consolado em 24/06/11, 07:15 pm

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
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Botão de fim e topo da página

Mensagem por Tathi em 24/06/11, 07:27 pm

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...
avatar

Tathi
Nível 5

Feminino
Inscrito dia : 17/01/2011
Mensagens : 54
Pontos Ativos : 87

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

Resolvido Re: Botão de fim e topo da página

Mensagem por Dury em 24/06/11, 07:55 pm

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.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Botão de fim e topo da página

Mensagem por Tathi em 24/06/11, 08:17 pm

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

Tathi
Nível 5

Feminino
Inscrito dia : 17/01/2011
Mensagens : 54
Pontos Ativos : 87

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

Resolvido Re: Botão de fim e topo da página

Mensagem por Dury em 24/06/11, 08:42 pm

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

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Botão de fim e topo da página

Mensagem por Tathi em 24/06/11, 08:54 pm

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

Tathi
Nível 5

Feminino
Inscrito dia : 17/01/2011
Mensagens : 54
Pontos Ativos : 87

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

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