Como proprietário de uma página da Web ou designer, você irá considerar vários métodos que permitem que você personalize o local e a experiência do visitante. gráficos personalizados e layouts que você possa fazer isso. Uma tática adicional é para editar uma barra de rolagem HTML, de modo que ela usa cores personalizadas que complementam ou compensar o design do site. Ao empregar Cascading Style Sheets, ou CSS, você pode aplicar estilos de cor específicas para a barra de rolagem.
Coisas que você precisa
- software de edição de HTML
Lançar o seu editor de HTML no seu computador.
Abra o arquivo HTML que você deseja editar.
Cole o seguinte código entre o
e etiquetas.html {
scrollbar-base-color: # 9999CC;
barra de rolagem-seta-color: white;
barra de rolagem-track-color: #ccccff;
barra de rolagem-shadow-color: black;
barra de rolagem-lightshadow-color: black;
barra de rolagem-DarkShadow-color: gray;
barra de rolagem-highlight-color: white;
barra de rolagem-3dlight-color: black;
}
Alterar os valores para cada elemento da barra de rolagem para suas cores preferidas. Você pode usar códigos de seis dígitos hexadecimais (# 00000 é preto) ou nomes de cores seguras tipo de Web, como o vermelho, branco, preto ou azul. Por exemplo, você pode optar por definir a cor de base para verde:
scrollbar-base-color: green;
Abra o menu Arquivo e escolha Salvar depois de ter terminado de editar as cores da barra de rolagem para o documento HTML.
dicas & avisos
- Se a sua cabeça já contém o código CSS, adicionar apenas o CSS após o CSS- atual, você não precisa repetir o HTML que indica o início eo fim do CSS.
- Se o seu site usa uma folha de estilo externa, como "style.css," abrir que, em vez de sua página HTML. Adicionar apenas o código CSS para o final de sua folha de estilo.
- Você pode usar apenas o "scrollbar-base-color" para permitir que o navegador para utilizar apenas a cor base. Excluir as outras propriedades e valores após a cor de base para empregar este método.
- Experiência com cores para produzir uma barra de rolagem que tem um 3-D ou 2-D aparência ou um que usa várias cores.
- propriedades CSS e valores têm uma sintaxe "valor da propriedade-"
- As propriedades CSS e valores que correspondem às barras de rolagem aplica ao selector HTML e são definidos com abertura e fechamento chaves: {e}.