Como colocar essa barra de rolagem?

Item: Como colocar essa barra de rolagem?
Rating: 1

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

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

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

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

por Cheez™ 02.05.12 23:55

Mas esse é branco eu quero da cor azul

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.

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.

Esse código funcionou eu trokei essa parte

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

Como colocar essa barra de rolagem?

Como colocar essa barra de rolagem?

Re: Como colocar essa barra de rolagem?

Re: Como colocar essa barra de rolagem?

Re: Como colocar essa barra de rolagem?

Re: Como colocar essa barra de rolagem?

Re: Como colocar essa barra de rolagem?

Re: Como colocar essa barra de rolagem?