Como colocar essa barra de rolagem?

2 participantes

Ir para baixo

Tópico resolvido Como colocar essa barra de rolagem?

Mensagem por Cheez™ 02.05.12 23:46

Qual é minha questão:
Queria saber como colocar essa barra de rolagem mas com a cor azul

Print

https://i.servimg.com/u/f41/17/41/68/48/captur25.png

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
------------

Endereço do meu fórum:
http://pixeleiros.criaforum.com/

Versão do meu fórum:
PHPBB3


Última edição por Cheez™ em 03.05.12 2:00, editado 1 vez(es)
Cheez™
Cheez™
**

Membro desde : 02/05/2012
Mensagens : 86
Pontos : 138

http://expertcheats.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar essa barra de rolagem?

Mensagem por MateusV. 02.05.12 23:48

Olá, adicione este codigo em seu CSS
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #6A5ACD;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}

Melhores cumprimentos. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar essa barra de rolagem?

Mensagem por Cheez™ 02.05.12 23:50

Site onde eu vi

www.power-pixel.net/forum

e outro que ja vi mais esqueci o nome do forum
Cheez™
Cheez™
**

Membro desde : 02/05/2012
Mensagens : 86
Pontos : 138

http://expertcheats.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar essa barra de rolagem?

Mensagem por MateusV. 02.05.12 23:51

Olá, no caso, substitua o codigo por este
::-webkit-scrollbar {
background: white;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar-thumb {
-webkit-box-shadow: 4px;
background: #2B2B2B;
border-radius: 10px;
height: 60px;
}

Melhores cumprimentos. Piscada
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar essa barra de rolagem?

Mensagem por Cheez™ 02.05.12 23:55

Mas esse é branco eu quero da cor azul
Cheez™
Cheez™
**

Membro desde : 02/05/2012
Mensagens : 86
Pontos : 138

http://expertcheats.forumbom.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar essa barra de rolagem?

Mensagem por MateusV. 02.05.12 23:57

Olá, substitua-o por este
::-webkit-scrollbar {
background: blue;
}
Pseudo ::-webkit-file-upload-button element
::-webkit-scrollbar-thumb {
-webkit-box-shadow: 4px;
background: #2B2B2B;
border-radius: 10px;
height: 60px;
}

Até mais. De bem com a vida
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Como colocar essa barra de rolagem?

Mensagem por Cheez™ 03.05.12 0:28

MateusV. escreveu:Olá, adicione este codigo em seu CSS
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #6A5ACD;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}

Melhores cumprimentos. Piscada

Esse código funcionou eu trokei essa parte

::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #6A5ACD;
border-radius: 10px;
Cheez™
Cheez™
**

Membro desde : 02/05/2012
Mensagens : 86
Pontos : 138

http://expertcheats.forumbom.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