Barra de rolamento

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

Resolvido Barra de rolamento

Mensagem por Angco-Sama em 04/07/12, 10:18 am

Qual é minha questão:
Olá, gostaria de saber se existe algum tipo de código necessário para a criação de uma barra de rolamento personalizada.

Links e imagens do meu problema:
Eu vi em um outro fórum: http://i.imgur.com/JZrsv.png

Endereço do meu fórum:
http://narutox-tremme.umforum.net

Versão do meu fórum:
PHPBB3


Última edição por Angco-Sama em 04/07/12, 10:27 am, editado 1 vez(es)
avatar

Angco-Sama
Nível 8

Masculino
Inscrito dia : 01/07/2012
Mensagens : 111
Pontos Ativos : 154

Ver perfil do usuário http://narutox-tremme.umforum.net

Resolvido Re: Barra de rolamento

Mensagem por Jack Sparrow em 04/07/12, 10:24 am


Vá em:
Painel de controle Admineiros Visualização Admineiros Cores Admineiros "Aba" Folha CSS.

Tesouros não são apenas ouro e prata, amigo.
Depois acrescente o seguinte codigo:
Código:
/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background-image: url('LINK DA IMAGEM');
background-color:#fff; height:100px;
-webkit-border-radius: 2ex;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
border-bottom-left-radius: 3em;
border-bottom-right-radius: 3em;
-webkit-box-shadow:0 0 1em #eee;}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {background-image: url('LINK DA IMAGEM');
background-color:#fff; height:10px;
-webkit-border-radius: 2ex;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
border-bottom-left-radius: 3em;
border-bottom-right-radius: 3em;
-webkit-box-shadow:0 0 1em #eee; }
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {height:10px; width:20px; background-color:#fff;
-webkit-box-shadow:0 0 1em #eee;}
Não esqueça de clicar em
"Validar" e nem de preencher o campo "LINK DA IMAGEM"


Última edição por Jack Sparrow em 04/07/12, 10:27 am, editado 1 vez(es)
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Barra de rolamento

Mensagem por south em 04/07/12, 10:25 am

Coloque no css
Código:
::-webkit-scrollbar {
-webkit-border-radius: 1ex;
background: orange;
height: 12px;
width: 12px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px
rgba(0, 0, 0, 0.75);
background: #0000FF;
}
::-webkit-scrollbar-track-piece {
background:
white;
}
::-webkit-scrollbar-corner {
background: #EBEBEB;
}
avatar

south
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 465
Pontos Ativos : 609

Ver perfil do usuário http://forumblack.queroforum.net

Resolvido Re: Barra de rolamento

Mensagem por Angco-Sama em 04/07/12, 10:27 am

Muito obrigado aos dois, consegui colocar, resolvido.
avatar

Angco-Sama
Nível 8

Masculino
Inscrito dia : 01/07/2012
Mensagens : 111
Pontos Ativos : 154

Ver perfil do usuário http://narutox-tremme.umforum.net

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