Cómo personalizar una barra de desplazamiento con el código

Personalización de la barra de desplazamiento de su sitio web con hojas de estilo (CSS) personalizada y códigos Hypertext Markup Language (HTML) puede ayudar a su sitio web se destacan. Puede cambiar de aspecto casi siempre de la barra de desplazamiento a través del código, incluyendo la flecha de color, color de la pista, el color y el botón de colores de la frontera. Hacer que su barra de desplazamiento se mezclan con su sitio web, el pop de ella o caer en algún punto intermedio.

Instrucciones

1 Acceder al código HTML de su página web.

2 Mirar hacia el comienzo de su código. Encuentra "<style type =" text / css ">". En virtud de este código, se pueden agregar reglas para gobernar el color y el tamaño de la barra de desplazamiento.

3 Tipo "cuerpo (barra de desplazamiento cara de color: COLOR-NOMBRE;)" sustitución COLOR-NOMBRE con el nombre o el código hexadecimal del color que desea para su base de barra de desplazamiento. color de la cara va a cambiar el color de la barra de desplazamiento móvil y los botones arriba y abajo. Añadir los siguientes códigos en líneas posteriores dentro de los paréntesis como mejor le parezca:

3dlight color - bordes superiores cambia a la barra de desplazamiento, arriba y abajo de las cajas de flecha

DarkShadow color - bordes inferiores cambios a la barra de desplazamiento, arriba y abajo de flecha cajas

flecha color - cambios de color flecha

pista de color - cambia el color de pista vacía

4 Asegúrese de que su último código termina con un punto y coma y cierra los paréntesis.

5 Guarde el archivo.

Consejos y advertencias

• No todos los navegadores soportan las barras de desplazamiento personalizadas. Compruebe su sitio web en diferentes navegadores como Internet Explorer, Mozilla Firefox y Google Chrome.