Botão "subir" e barra do scroll Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Botão "subir" e barra do scroll

2 participantes

Ir para baixo

Tópico resolvido Botão "subir" e barra do scroll

Mensagem por Ricardojgar 18.12.12 18:44

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
avatar
Ricardojgar
***

Membro desde : 27/07/2009
Mensagens : 121
Pontos : 205

http://forumdosexoticos.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão "subir" e barra do scroll

Mensagem por [F]lames 18.12.12 19:24

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.
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão "subir" e barra do scroll

Mensagem por Ricardojgar 18.12.12 19:34

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

Membro desde : 27/07/2009
Mensagens : 121
Pontos : 205

http://forumdosexoticos.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão "subir" e barra do scroll

Mensagem por [F]lames 18.12.12 19:43

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.
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão "subir" e barra do scroll

Mensagem por Ricardojgar 18.12.12 20:17

Resolvido.
Obrigado amigo Feliz
avatar
Ricardojgar
***

Membro desde : 27/07/2009
Mensagens : 121
Pontos : 205

http://forumdosexoticos.forumeiro.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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