La barra de desplazamiento es una función versátil que hace que trabajar con cualquier sitio web sea más cómodo y rápido. Al mismo tiempo, los propietarios de sitios prefieren instalar en sus páginas no solo complementos útiles, sino también hermosos que combinan el diseño con la combinación de colores general de la página. En este artículo, le mostraremos cómo instalar una barra de desplazamiento de color en su sitio web. Hay varias formas de hacer esto, y una de ellas es un código listo para usar que se puede instalar en cualquier página en la que desee cambiar la barra de desplazamiento.
Instrucciones
Paso 1
Seleccione la página para editar y copie su código HTML en el bloc de notas.
Después de la etiqueta, pega el código:
cuerpo {barra de desplazamiento-color-de-cara: # 5997CA;
barra-de-desplazamiento-color-sombra: #ffffff;
barra de desplazamiento-color-resaltado: #ffffff;
scrollbar-3dlight-color: # 5997CA;
scrollbar-darkshadow-color: # 5997CA;
scrollbar-track-color: # F6F6F6;
scrollbar-arrow-color: # F6F6F6; }
Paso 2
En el código, ajuste los valores de color delante de cada parámetro como desee: el color de la barra de desplazamiento, el color de la flecha, el color de fondo de la barra de desplazamiento, el color de los bordes, separando las barras, y así.
Esta es la forma más sencilla, pero además hay una más: guarde el mismo código con la configuración de color de la barra de desplazamiento como un archivo css y cárguelo en la página. Para hacer esto, abra el código anterior sin etiquetas en el bloc de notas. Guarde el archivo de código y asígnele el nombre scroll.css. Luego cárguelo en el servidor en el mismo lugar que la página donde desea cambiar la barra de desplazamiento.
Paso 3
Si no conoce las letras de los colores en HTML, busque en Internet cualquier tabla con estos símbolos. Le ayudará a correlacionar códigos y colores, y a elegir el color adecuado para el diseño de su sitio web.
