Botão retornar para o topo da tela

4 participantes

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

Tópico resolvido Botão retornar para o topo da tela

Mensagem por Lemon~ 10.10.16 23:00

Detalhes da questão


Endereço do fórum: pivot5.forumeiros.com
Versão do fórum: PunBB

Descrição


Bom(a) Dia/Tarde/Noite
Eu gostaria de um botão como este:
Botão retornar para o topo da tela 0bcc3ca09c7f409586e8425f0ea48951

Neste código aqui:
Código:
jQuery(document).ready(function(){
jQuery('#wrap, td.bodyline, #pun-foot, #ipbwrapper').after('<div class="rodape"><table style="height: 320px; width=90%; margin-left: auto; margin-right: auto; border="0"; cellspacing="20"; cellpadding-bottom="30";margin-bottom: 20px;">
<tbody>
<tr>
<td style="width: 256px; height: 320px; text-align: center; vertical-align: bottom; color: #666; font-size: 11px;">
<p><em>©2016-2017 Pivot5 todos os direitos reservados.</em></p>
<left><p><em>Não pode ser reproduzido ou de alguma outra forma distribuído de maneira comercial todo conteúdo aqui mencionado não deve ser interpretado como concessão de licença ou direito de qualquer patente.</em></p></left>
<p style="text-align: center;"><br /><em>Design feito com muito&nbsp❤&nbspe&nbsp☕</em></p>
<p style="text-align: center;"><em>Por: Lemon / Matheus França</em></p>
<br>
<p style="text-align: center;"><em><img src="http://i.imgur.com/tW5HlvP.png" alt="" width="156" height="156" /></em></p>
</td>
<td style="width: 192px; height: 320px; text-align: left; vertical-align: center;"><h1 style="padding-left: 40px;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>Navegação:
</strong></span></h1>
<br>
<ul style="list-style-type:square; padding-left: 30px;">
<li><a href="http://pivot5.forumeiros.com/c1-geral">Geral</a></li>
<br>
<li><a href="http://pivot5.forumeiros.com/c2-animacoes-artes">Animações e artes</a></li>
<br>
<li><a href="http://pivot5.forumeiros.com/c3-eventos">Eventos</a></li>
<br>
<li><a href="http://pivot5.forumeiros.com/c4-off-topic">Off topic</a></li>
<br>
<li><a href="http://pivot5.forumeiros.com/c5-internacional">Internacional</a></li>
</ul>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td>
<td style="width: 320px; height: 320px; text-align: left; vertical-align: center;"><h1 style="padding-left: 30px; text-align: left;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>Siga-nos:
</strong></span></h1>
<br>
<br>
<p><a id="1" style="z-index:999; padding: 10px;" href="https://www.facebook.com/pivot5ive/" title="Facebook" target="_blank"><img src="http://i.imgur.com/DxLMSOu.png" alt="Facebook" /></a> 
<a id="2" style="z-index:999; padding-right: 10px;" href="https://www.instagram.com/pivot5ive/" title="Instagram" target="_blank"><img src="http://i.imgur.com/cIUImya.png" alt="Instagram" /></a>
<a id="3" style="z-index:999; padding-right: 10px;" href="http://pivot5.forumeiros.com/contact" title="Email" target="_blank"><img src="http://i.imgur.com/CY0iQeB.png" alt="Email" /></a>
<a id="4" style="z-index:999; padding-right: 10px;" href="https://www.youtube.com/channel/UCNiccT5bbqoMvMiLUgzyUTQ" title="youtube" target="_blank"><img src="http://i.imgur.com/LutMek5.png" alt="youtube" /></a> </p>
<br>
<br>
<h1 style="padding-left: 30px; text-align: left;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>Parceiros:
</strong></span></h1>
<br>
<img src="http://i.imgur.com/PzNBZ6y.png" alt="Parceiro" />&nbsp<img src="http://i.imgur.com/PzNBZ6y.png" alt="Parceiro" />
<br>
<img src="http://i.imgur.com/PzNBZ6y.png" alt="Parceiro" />&nbsp<img src="http://i.imgur.com/PzNBZ6y.png" alt="Parceiro" />
</td>
<td style="width: 256px; height: 320px; color: #666; font-size: 11px;">
<h1 style="padding-left: 30px; text-align: left;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>Quem Somos?</strong></span></h1>
<br>
<p style="text-align: left;">O pivot5&nbspé&nbspuma comunidade destinada a animadores profissionais ou amadaroes com intuito de compartilhar conhecimento e melhorar conceitualmente suas obras.</p>
<br>
<p style="text-align: left;">Nosso principal lema é: Colha uma idéia e faça dela sua vida. Deixe todas as partes do seu corpo serem preenchidos com essa idéia. Esse é o caminho para o sucesso.</p>
<br>
<h1 style="padding-left: 30px; text-align: left;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>O&nbspque&nbspé&nbsppivot?</strong></span></h1>
<br>
<p style="text-align: left;">Pivot&nbspé&nbspuma ferramenta de animação criado pelo programador Peter Bone,&nbspé&nbspum software simples baseado em animar figuras a partir de pontos de pivô.</p>
</td>
</tr>
</tbody>
</table>
</div>').append('<style>.rodape{padding: 0px 0px 0px 0px;}</style>');
});
Lemon~

Lemon~
**

Membro desde : 06/10/2015
Mensagens : 75
Pontos : 127

http://pivot5.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Botão retornar para o topo da tela

Mensagem por Luiz 11.10.16 1:00

Olá!
Troque por esse:
Código:
jQuery(document).ready(function(){
jQuery('#wrap, td.bodyline, #pun-foot, #ipbwrapper').after('<div class="rodape"><table style="height: 320px; width=90%; margin-left: auto; margin-right: auto; border="0"; cellspacing="20"; cellpadding-bottom="30";margin-bottom: 20px;">
<tbody>
<tr>
<td style="width: 256px; height: 320px; text-align: center; vertical-align: bottom; color: #666; font-size: 11px;">
<p><em>©️2016-2017 Pivot5 todos os direitos reservados.</em></p>
<left><p><em>Não pode ser reproduzido ou de alguma outra forma distribuído de maneira comercial todo conteúdo aqui mencionado não deve ser interpretado como concessão de licença ou direito de qualquer patente.</em></p></left>
<p style="text-align: center;"><br /><em>Design feito com muito&nbsp❤&nbspe&nbsp☕</em></p>
<p style="text-align: center;"><em>Por: Lemon / Matheus França</em></p>
<br>
<p style="text-align: center;"><em><img src="http://i.imgur.com/tW5HlvP.png" alt="" width="156" height="156" /></em></p>
</td>
<td style="width: 192px; height: 320px; text-align: left; vertical-align: center;"><h1 style="padding-left: 40px;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>Navegação:
</strong></span></h1>
<br>
<ul style="list-style-type:square; padding-left: 30px;">
<li><a href="http://pivot5.forumeiros.com/c1-geral">Geral</a></li>
<br>
<li><a href="http://pivot5.forumeiros.com/c2-animacoes-artes">Animações e artes</a></li>
<br>
<li><a href="http://pivot5.forumeiros.com/c3-eventos">Eventos</a></li>
<br>
<li><a href="http://pivot5.forumeiros.com/c4-off-topic">Off topic</a></li>
<br>
<li><a href="http://pivot5.forumeiros.com/c5-internacional">Internacional</a></li>
</ul>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td>
<td style="width: 320px; height: 320px; text-align: left; vertical-align: center;"><h1 style="padding-left: 30px; text-align: left;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>Siga-nos:
</strong></span></h1>
<br>
<br>
<p><a id="1" style="z-index:999; padding: 10px;" href="https://www.facebook.com/pivot5ive/" title="Facebook" target="_blank"><img src="http://i.imgur.com/DxLMSOu.png" alt="Facebook" /></a> 
<a id="2" style="z-index:999; padding-right: 10px;" href="https://www.instagram.com/pivot5ive/" title="Instagram" target="_blank"><img src="http://i.imgur.com/cIUImya.png" alt="Instagram" /></a>
<a id="3" style="z-index:999; padding-right: 10px;" href="http://pivot5.forumeiros.com/contact" title="Email" target="_blank"><img src="http://i.imgur.com/CY0iQeB.png" alt="Email" /></a>
<a id="4" style="z-index:999; padding-right: 10px;" href="https://www.youtube.com/channel/UCNiccT5bbqoMvMiLUgzyUTQ" title="youtube" target="_blank"><img src="http://i.imgur.com/LutMek5.png" alt="youtube" /></a> </p>
<br>
<br>
<h1 style="padding-left: 30px; text-align: left;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>Parceiros:
</strong></span></h1>
<br>
<img src="http://i.imgur.com/PzNBZ6y.png" alt="Parceiro" />&nbsp<img src="http://i.imgur.com/PzNBZ6y.png" alt="Parceiro" />
<br>
<img src="http://i.imgur.com/PzNBZ6y.png" alt="Parceiro" />&nbsp<img src="http://i.imgur.com/PzNBZ6y.png" alt="Parceiro" />
</td>
<td style="width: 256px; height: 320px; color: #666; font-size: 11px;">
<h1 style="padding-left: 30px; text-align: left;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>Quem Somos?</strong></span></h1>
<br>
<p style="text-align: left;">O pivot5&nbspé&nbspuma comunidade destinada a animadores profissionais ou amadaroes com intuito de compartilhar conhecimento e melhorar conceitualmente suas obras.</p>
<br>
<p style="text-align: left;">Nosso principal lema é: Colha uma idéia e faça dela sua vida. Deixe todas as partes do seu corpo serem preenchidos com essa idéia. Esse é o caminho para o sucesso.</p>
<br>
<h1 style="padding-left: 30px; text-align: left;"><span style="text-decoration: underline; color: #a44b30; font-family:helvetica;"><strong>O&nbspque&nbspé&nbsppivot?</strong></span></h1>
<br>
<p style="text-align: left;">Pivot&nbspé&nbspuma ferramenta de animação criado pelo programador Peter Bone,&nbspé&nbspum software simples baseado em animar figuras a partir de pontos de pivô.</p>
</td>
</tr>
</tbody>
</table>
</div><a href="#top">
<div align="center" style="background-color:#848484!important;border-radius:50px!important;width:25px;height:25px;padding:5px;top:22px;text-align:center;margin:auto;"><img src="http://i21.servimg.com/u/f21/18/45/41/65/top10.png" alt="^" style="margin-top:6px;"></div></a>').append('<style>.rodape{padding: 0px 0px 0px 0px;}</style>');
});
Salve e diga resultados.

Atenciosamente, Luiz. Feliz
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Botão retornar para o topo da tela

Mensagem por Shek 11.10.16 17:05

Olá!

Eu acessei o seu fórum e já está com o recurso top, no final da página. Poderia confirmar sua dúvida?
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão retornar para o topo da tela

Mensagem por Lemon~ 11.10.16 21:56

Sim, foi resolvida, obrigado!
Lemon~

Lemon~
**

Membro desde : 06/10/2015
Mensagens : 75
Pontos : 127

http://pivot5.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão retornar para o topo da tela

Mensagem por while 12.10.16 0:02

Botão retornar para o topo da tela Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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