Botão "subir" e barra do scroll

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

Resolvido Botão "subir" e barra do scroll

Mensagem por Ricardojgar em 18/12/12, 04:44 pm

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

Ricardojgar
Nível 8

Masculino
Inscrito dia : 27/07/2009
Mensagens : 121
Pontos Ativos : 205

Ver perfil do usuário http://forumdosexoticos.forumeiro.com/

Resolvido Re: Botão "subir" e barra do scroll

Mensagem por [F]lames em 18/12/12, 05:24 pm

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

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Botão "subir" e barra do scroll

Mensagem por Ricardojgar em 18/12/12, 05:34 pm

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

Ricardojgar
Nível 8

Masculino
Inscrito dia : 27/07/2009
Mensagens : 121
Pontos Ativos : 205

Ver perfil do usuário http://forumdosexoticos.forumeiro.com/

Resolvido Re: Botão "subir" e barra do scroll

Mensagem por [F]lames em 18/12/12, 05:43 pm

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

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Botão "subir" e barra do scroll

Mensagem por Ricardojgar em 18/12/12, 06:17 pm

Resolvido.
Obrigado amigo Feliz

Ricardojgar
Nível 8

Masculino
Inscrito dia : 27/07/2009
Mensagens : 121
Pontos Ativos : 205

Ver perfil do usuário http://forumdosexoticos.forumeiro.com/

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