Como colocar essa barra de rolagem?

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

Resolvido Como colocar essa barra de rolagem?

Mensagem por Cheez™ em 02/05/12, 07:46 pm

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

Print

http://i41.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 02/05/12, 10:00 pm, editado 1 vez(es)
avatar

Cheez™
Nível 7

Masculino
Inscrito dia : 01/05/2012
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://expertcheats.forumbom.com/

Resolvido Re: Como colocar essa barra de rolagem?

Mensagem por MateusV. em 02/05/12, 07:48 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como colocar essa barra de rolagem?

Mensagem por Cheez™ em 02/05/12, 07:50 pm

Site onde eu vi

www.power-pixel.net/forum

e outro que ja vi mais esqueci o nome do forum
avatar

Cheez™
Nível 7

Masculino
Inscrito dia : 01/05/2012
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://expertcheats.forumbom.com/

Resolvido Re: Como colocar essa barra de rolagem?

Mensagem por MateusV. em 02/05/12, 07:51 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como colocar essa barra de rolagem?

Mensagem por Cheez™ em 02/05/12, 07:55 pm

Mas esse é branco eu quero da cor azul
avatar

Cheez™
Nível 7

Masculino
Inscrito dia : 01/05/2012
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://expertcheats.forumbom.com/

Resolvido Re: Como colocar essa barra de rolagem?

Mensagem por MateusV. em 02/05/12, 07:57 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como colocar essa barra de rolagem?

Mensagem por Cheez™ em 02/05/12, 08:28 pm

@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;
avatar

Cheez™
Nível 7

Masculino
Inscrito dia : 01/05/2012
Mensagens : 86
Pontos Ativos : 138

Ver perfil do usuário http://expertcheats.forumbom.com/

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