Personalização da Barra de Rolagem

3 participantes

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

Tópico resolvido Personalização da Barra de Rolagem

Mensagem por xDominiC_. 26.06.20 3:24

Detalhes da questão


Endereço do fórum: http://ritys-nwd.forumeiros.com
Versão do fórum: ModernBB

Descrição


Olá queria mudar a barra de rolamento do meu forum colocar com o "indicador" amarelo e um ngc meio arredondado com um fundo cinza escuro é possivel?
Personalização da Barra de Rolagem Screen55
xDominiC_.

xDominiC_.
Membro avançado

Masculino
Membro desde : 06/10/2017
Mensagens : 401
Pontos : 614

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da Barra de Rolagem

Mensagem por Chanp 26.06.20 4:54

Olá @xDominiC_.,

Sim, é totalmente possível personalizar a barra de rolagem, mas preciso entender o que você deseja ao certo. Não entendi o que seria o "negócio meio arredondado". Além disso, os indicadores seriam os botões para subir e descer a página?

Chanp
Chanp

Chanp
Membro do fórum

Masculino
Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da Barra de Rolagem

Mensagem por xDominiC_. 26.06.20 22:05

Simmm
xDominiC_.

xDominiC_.
Membro avançado

Masculino
Membro desde : 06/10/2017
Mensagens : 401
Pontos : 614

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Ex-Admineiro

Tópico resolvido Re: Personalização da Barra de Rolagem

Mensagem por RafaelS. 26.06.20 23:29

Olá @xDominiC_.!

Adicione ao topo da sua folha de estilos (CSS) o seguinte código:

Código:
::-webkit-scrollbar
{
   width: 12px;
   background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}
::-webkit-scrollbar-button {
    background: yellow;
    box-shadow: 0 0 3px rgba(0,0,0,0.9);
}
::-webkit-scrollbar-track
{
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 10px;
   background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

Admineiros Não se esqueça de salvar as alterações.

Atenciosamente,
RafaelS. King
RafaelS.

RafaelS.
Ex-Admineiro
Ex-Admineiro

Masculino
Membro desde : 26/04/2014
Mensagens : 5748
Pontos : 7155

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da Barra de Rolagem

Mensagem por xDominiC_. 27.06.20 16:55

pode fechar
xDominiC_.

xDominiC_.
Membro avançado

Masculino
Membro desde : 06/10/2017
Mensagens : 401
Pontos : 614

http://trg1-nwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização da Barra de Rolagem

Mensagem por Chanp 27.06.20 17:17

Tópico resolvido


Movido para "Questões resolvidas".
Chanp

Chanp
Membro do fórum

Masculino
Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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