Personalizar barra de rolagem

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

Resolvido Personalizar barra de rolagem

Mensagem por YouTube3 em 16/03/17, 10:41 am

Detalhes da questão


Endereço do fórum: http://vgnfamily.forumais.com
Versão do fórum: PunBB

Descrição


Bom dia,

Gostaria de deixar minha barra de rolagem, assim: http://i.imgur.com/djRJtx1.jpg
Fininha fórum, aonde vi: http://www.brasilplaystart.com.br/forum/

Deixar igual como está na imagem fundo preto, e a barra verde.


Última edição por YouTube3 em 16/03/17, 02:42 pm, editado 2 vez(es)
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar barra de rolagem

Mensagem por while em 16/03/17, 12:05 pm

Olá autor, bom dia.

Adicione em sua folha de estilo css esse código:

Código:
::-webkit-scrollbar {
    width: 9px;
    height: 17px
}
::-webkit-scrollbar-track {
    background: #303030;
}
::-webkit-scrollbar-thumb {
    background-color: #76BA6D;;
    border: 2px solid #DDD
}
::-webkit-scrollbar-button:hover,
::-webkit-scrollbar-thumb:hover {
    background-color: #76BA6D;
}
::-webkit-scrollbar-button:active,
::-webkit-scrollbar-thumb:active {
    background-color: #76BA6D;
}

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4599

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar barra de rolagem

Mensagem por YouTube3 em 16/03/17, 12:25 pm

Tem uma parte cinza que fica junto quando desce, ou sobe, a página do fórum.
Olhe: http://i.imgur.com/rT7NVER.jpg Isso é normal? teria como retirar? e deixar só a parte verde?
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar barra de rolagem

Mensagem por iScroll em 16/03/17, 12:33 pm

Olá Convidado, na parte do código:

Código:
::-webkit-scrollbar-thumb

Retire:
Código:
border: 2px solid #DDD;
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Personalizar barra de rolagem

Mensagem por YouTube3 em 16/03/17, 02:41 pm

Resolvido vlw dr pode fechar.
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1096
Pontos Ativos : 1563

Ver perfil do usuário http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar barra de rolagem

Mensagem por while em 16/03/17, 02:43 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4599

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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