Tecnología

Inicio

Cómo crear una barra de desplazamiento personalizada

January 15

Si desea personalizar la barra de desplazamiento que aparece junto con su página web, usted debe recordar que sólo porque se puede personalizar muchos elementos de la barra de desplazamiento, eso no significa que usted debe personalizarlos. Al personalizar una barra de desplazamiento, es posible cambiar la flecha de color barra de desplazamiento, el color deslizante barra de desplazamiento, el color de desplazamiento guía de la barra y otros elementos. Por lo general, no quiere desviar la atención de todo el contenido en su página mediante la creación de una barra de desplazamiento que parece fuera de lo normal. Sin embargo, si usted cree que le servirá bien para personalizar la barra de desplazamiento, puede hacerlo utilizando el formato CSS.

Instrucciones

1 Ingrese a su servidor web. Abra la página HTML en la que desea incluir una barra de desplazamiento personalizado.

2 Haga clic en la sección <head> de la página.

3 Introduzca este código:

<Style type = "text / css">

<! -

html {barra de desplazamiento cara color: # 000000;

barra de desplazamiento-sombra-color: # 000000;

-barra de desplazamiento más destacado-color: # 000000;

barra de desplazamiento-3dlight-color: # 000000;

barra de desplazamiento-DarkShadow-color: # 000000;

barra de desplazamiento de la pista-color: # 000000;

barra de desplazamiento-flecha-color: # 000000;}

->

</ Style>

4 Haga clic y arrastre a través de cualquiera de estas líneas en el código que usted no quiere cambiar en la barra de desplazamiento, a continuación, pulse "Borrar". Por ejemplo, si no desea cambiar el color de la pista, extraiga el "scroll bar-pista-color: # 000000;" línea.

5 Reemplazar cada instancia de "000000" con el código de color HTML para el color que desee que aparezca (ver Recursos).

6 Publicar la página.