Botão retornar para o topo da tela

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:


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>');
});

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.

Olá!

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

Sim, foi resolvida, obrigado!