Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Barra de rolagem personalizada
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Barra de rolagem personalizada
Detalhes da questão
Endereço do fórum: teste152163.forumeiros.com
Versão do fórum: PunBB
Descrição
Olá senhores, minha dúvida é: É possível personalizar as cores da barra de rolagem?
Tentei com css e não funcionou, será que alguma espécie de javascript é necessária?
Eis o código que utilizei:
- Código:
#pun-announcement{
scrollbar-face-color: #363636 !important;
scrollbar-highlight-color: #696969 !important;
scrollbar-shadow-color: #1C1C1C !important;
scrollbar-3dlight-color: #363636 !important;
scrollbar-arrow-color: #9C9C9C !important;
scrollbar-track-color: #000000 !important;
scrollbar-darkshadow-color: #111111 !important;
}
Última edição por Lemon~ em 08.12.15 14:09, editado 1 vez(es)
Re: Barra de rolagem personalizada
Olá!
Seria isto?
Até.
Seria isto?
- Código:
::-webkit-scrollbar {
background: #EC0000;
}
Até.
Re: Barra de rolagem personalizada
Olá!
Hoje em dia os navegadores estão cada menos flexíveis e cada menos aceitam esse tipo de edições.
Pode tentar este CSS, por exemplo:
No Firefox, muito provavelmente não dará por causa da abordagem usada.
Especificar um elemento, como o "#pun-announcement", provavelmente não ajudará muito a selecionar só aquela barra de rolagem. O simples facto de alguém usar um navegador desatualizado ou até atualizado demais, pode alterar como se vê. E por vezes alterar piora a experiência do usuário.
Quando existem coisas que são padrão do navegador ou do sistema operativo, como as barras de rolagem, eu não costumo mexer. Deixo sempre como é de padrão/origem, assim não interfere na experiência pessoal do usuário e ao que ele já está habituado.
Hancki
Hoje em dia os navegadores estão cada menos flexíveis e cada menos aceitam esse tipo de edições.
Pode tentar este CSS, por exemplo:
- Código:
::-webkit-scrollbar {
width: 14px;
height: 14px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: #363636;
border: 0px none #ffffff;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background: #696969;
}
::-webkit-scrollbar-thumb:active {
background: #000000;
}
::-webkit-scrollbar-track {
background: #000000;
border: 0px none #ffffff;
border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
background: #000000;
}
::-webkit-scrollbar-track:active {
background: #333333;
}
::-webkit-scrollbar-corner {
background: transparent;
}
No Firefox, muito provavelmente não dará por causa da abordagem usada.
Especificar um elemento, como o "#pun-announcement", provavelmente não ajudará muito a selecionar só aquela barra de rolagem. O simples facto de alguém usar um navegador desatualizado ou até atualizado demais, pode alterar como se vê. E por vezes alterar piora a experiência do usuário.
Quando existem coisas que são padrão do navegador ou do sistema operativo, como as barras de rolagem, eu não costumo mexer. Deixo sempre como é de padrão/origem, assim não interfere na experiência pessoal do usuário e ao que ele já está habituado.
Hancki
Re: Barra de rolagem personalizada
Obrigado pelas respostas, Fraise e Hancki esclareceram minhas dúvidas e resolveram o problema. Abraços!
Tópicos semelhantes
» Barra de rolagem personalizada
» Barra de rolagem personalizada
» Barra de rolagem personalizada
» Barra de rolagem
» Barra de rolagem
» Barra de rolagem personalizada
» Barra de rolagem personalizada
» Barra de rolagem
» Barra de rolagem
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos