A barra de rolagem é uma função versátil que torna o trabalho com qualquer site mais conveniente e rápido. Ao mesmo tempo, os proprietários de sites preferem instalar em suas páginas não apenas complementos úteis, mas também lindos, que combinam o design com o esquema de cores geral da página. Neste artigo, mostraremos como instalar uma barra de rolagem colorida em seu site. Existem várias maneiras de fazer isso, e uma delas é um código pronto que pode ser instalado em qualquer página na qual você deseja alterar a barra de rolagem.
Instruções
Passo 1
Selecione a página a ser editada e copie seu código HTML para o bloco de notas.
Após a tag, cole o código:
corpo {scrollbar-face-color: # 5997CA;
scrollbar-shadow-color: #ffffff;
cor de destaque da barra de rolagem: #ffffff;
scrollbar-3dlight-color: # 5997CA;
scrollbar-darkshadow-color: # 5997CA;
scrollbar-track-color: # F6F6F6;
scrollbar-arrow-color: # F6F6F6; }
Passo 2
No código, ajuste os valores de cor na frente de cada parâmetro como desejar: a cor da barra de rolagem, a cor da seta, a cor de fundo da barra de rolagem, a cor das bordas, separando as barras, e assim por diante.
Esta é a maneira mais simples, mas além dela há mais uma - salve o mesmo código com as configurações de cor da barra de rolagem como um arquivo css e carregue-o na página. Para fazer isso, abra o código acima sem tags no bloco de notas. Salve o arquivo de código e nomeie-o scroll.css. Em seguida, carregue no servidor no mesmo local da página onde deseja alterar a barra de rolagem.
etapa 3
Se você não souber as letras das cores em HTML, pesquise na Internet por qualquer tabela com esses símbolos. Isso o ajudará a correlacionar códigos e cores e escolher a cor certa para o design do seu site.
