Barra de rolamento

3 participantes

Ir para baixo

Tópico resolvido Barra de rolamento

Mensagem por Angco-Sama 04.07.12 14:18

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: https://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 14:27, editado 1 vez(es)
Angco-Sama
Angco-Sama
***

Membro desde : 02/07/2012
Mensagens : 111
Pontos : 154

http://narutox-tremme.umforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de rolamento

Mensagem por Jack Sparrow 04.07.12 14:24

Barra de rolamento Ola10
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"
Barra de rolamento Ate-ma10 Barra de rolamento Sch_pirates


Última edição por Jack Sparrow em 04.07.12 14:27, editado 1 vez(es)
Jack Sparrow
Jack Sparrow
Super Membro

Membro desde : 23/04/2011
Mensagens : 1223
Pontos : 1801

http://www.monsterhunterbrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de rolamento

Mensagem por south 04.07.12 14:25

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;
}
south
south
*****

Membro desde : 30/06/2012
Mensagens : 465
Pontos : 609

http://forumblack.queroforum.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de rolamento

Mensagem por Angco-Sama 04.07.12 14:27

Muito obrigado aos dois, consegui colocar, resolvido.
Angco-Sama
Angco-Sama
***

Membro desde : 02/07/2012
Mensagens : 111
Pontos : 154

http://narutox-tremme.umforum.net

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