Barra de rolamento
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Barra de rolamento
Qual é minha questão:
Olá, gostaria de saber se existe algum tipo de código necessário para a criação de uma barra de rolamento personalizada.
Links e imagens do meu problema:
Eu vi em um outro fórum: https://i.imgur.com/JZrsv.png
Endereço do meu fórum:
http://narutox-tremme.umforum.net
Versão do meu fórum:
PHPBB3
Olá, gostaria de saber se existe algum tipo de código necessário para a criação de uma barra de rolamento personalizada.
Links e imagens do meu problema:
Eu vi em um outro fórum: https://i.imgur.com/JZrsv.png
Endereço do meu fórum:
http://narutox-tremme.umforum.net
Versão do meu fórum:
PHPBB3
Última edição por Angco-Sama em 04.07.12 14:27, editado 1 vez(es)
Re: Barra de rolamento
Vá em: Painel de controle Visualização Cores "Aba" Folha CSS. |
- Código:
/*** Rolagem da Vertical da Página ***/
::-webkit-scrollbar-thumb:vertical {
background-image: url('LINK DA IMAGEM');
background-color:#fff; height:100px;
-webkit-border-radius: 2ex;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
border-bottom-left-radius: 3em;
border-bottom-right-radius: 3em;
-webkit-box-shadow:0 0 1em #eee;}
/*** Rolagem da Horizontal da Página***/
::-webkit-scrollbar-thumb:horizontal {background-image: url('LINK DA IMAGEM');
background-color:#fff; height:10px;
-webkit-border-radius: 2ex;
border-top-left-radius: 3em;
border-top-right-radius: 3em;
border-bottom-left-radius: 3em;
border-bottom-right-radius: 3em;
-webkit-box-shadow:0 0 1em #eee; }
/*** Parte fixa da rolagem (fundo que não se move) ***/
::-webkit-scrollbar {height:10px; width:20px; background-color:#fff;
-webkit-box-shadow:0 0 1em #eee;}
Última edição por Jack Sparrow em 04.07.12 14:27, editado 1 vez(es)
Re: Barra de rolamento
Coloque no css
- Código:
::-webkit-scrollbar {
-webkit-border-radius: 1ex;
background: orange;
height: 12px;
width: 12px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px
rgba(0, 0, 0, 0.75);
background: #0000FF;
}
::-webkit-scrollbar-track-piece {
background:
white;
}
::-webkit-scrollbar-corner {
background: #EBEBEB;
}
Tópicos semelhantes
» Barra de rolamento
» Mudar a barra de rolamento
» Barra de rolamento vermelha
» Barra de rolamento não funcionando no IE
» Barra de rolamento azul
» Mudar a barra de rolamento
» Barra de rolamento vermelha
» Barra de rolamento não funcionando no IE
» Barra de rolamento azul
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos