Botão "subir" e barra do scroll

[Ricardojgar]

Qual é minha questão:
Olá amigos,

Queria colocar no meu fórum o botão "Subir" para o topo e a barra de scroll, tudo igual ao que este fórum tem http://staffergroupbr.stuning.net/#body

Alguém me podia ajudar e passar-me os códigos?

Endereço do meu fórum:
http://forumdosexoticos.forumeiro.com

Versão do fórum:
PHPBB3

[[F]lames]

Olá,

Adicione isto á um Widget, com título à sua escolha:

Código:

<a href="#body" class="anchor1 anchorLink" id="top_link" onmouseover="animateTopLink()" onmouseout="animateTopLink()" style="right: -100px;" original-title="">Subir</a>
<script type="text/javascript" src="http://nhocpro9x.googlecode.com/files/jquery.infinitescroll.js"></script>
<style>#top_link {background: url(http://hot.dinhcao.vn/wp-content/themes/FolioGridPro/images/arrow.png) no-repeat 9px 9px #444; color: white;}
#top_link {text-shadow: none; font-size: 1.1em; padding: 9px 20px 9px 31px; margin: 0 10px 0 0; position: fixed; right: -100px; top: 92%; text-decoration: none; width: 69px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
 #top_link:hover {background:url(http://hot.dinhcao.vn/wp-content/themes/FolioGridPro/images/arrow.png) no-repeat 9px 9px#1E90FF;}</style>
<script type="text/javascript" src="http://nhocpro9x.googlecode.com/files/foliogrid.js"></script>

E, adicione isto á teu CSS:

Código:

::-webkit-scrollbar-track-piece {background: white;}
::-webkit-scrollbar {width: 15px; height: 5px;}

Até mais.

[Ricardojgar]

O Código do botão "Subir" não pode ser em css? Para adicionar na folha css.

[[F]lames]

Olá,

Como assim em CSS ?
O CSS do mesmo está entre <style></style>, se quer deixá-lo na Folha de Estilo CSS em vez de ficar no código, o códio seria este:

Código:

<a href="#body" class="anchor1 anchorLink" id="top_link" onmouseover="animateTopLink()" onmouseout="animateTopLink()" style="right: -100px;" original-title="">Subir</a>
<script type="text/javascript" src="http://nhocpro9x.googlecode.com/files/jquery.infinitescroll.js"></script>
<script type="text/javascript" src="http://nhocpro9x.googlecode.com/files/foliogrid.js"></script>

E o CSS na Folha de Estilos CSS seria este:

Código:

#top_link {background: url(http://hot.dinhcao.vn/wp-content/themes/FolioGridPro/images/arrow.png) no-repeat 9px 9px #444; color: white;}
#top_link {text-shadow: none; font-size: 1.1em; padding: 9px 20px 9px 31px; margin: 0 10px 0 0; position: fixed; right: -100px; top: 92%; text-decoration: none; width: 69px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
 #top_link:hover {background:url(http://hot.dinhcao.vn/wp-content/themes/FolioGridPro/images/arrow.png) no-repeat 9px 9px#1E90FF;}

É isto que desejas ?

Até mais.

[Ricardojgar]

Resolvido.
Obrigado amigo