Como editar uma barra de rolagem html

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}.
De esta maneira? Compartilhar em redes sociais:

LiveInternet