Personalizar barra de rolagem

3 participantes

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

Tópico resolvido Personalizar barra de rolagem

Mensagem por YouTube3 16.03.17 13:41

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: https://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 17:42, editado 2 vez(es)
YouTube3

YouTube3
Membro do fórum

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar barra de rolagem

Mensagem por while 16.03.17 15:05

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.
while

while
Hiperativo

Masculino
Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar barra de rolagem

Mensagem por YouTube3 16.03.17 15:25

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

YouTube3
Membro do fórum

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar barra de rolagem

Mensagem por iScroll 16.03.17 15:33

Olá Convidado, na parte do código:

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

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

iScroll
Membro do fórum

Masculino
Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar barra de rolagem

Mensagem por YouTube3 16.03.17 17:41

Resolvido vlw dr pode fechar.
YouTube3

YouTube3
Membro do fórum

Masculino
Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar barra de rolagem

Mensagem por while 16.03.17 17:43

Personalizar barra de rolagem Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

while
Hiperativo

Masculino
Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos