En su mayor parte, los cuadros de desplazamiento que se encuentran en los blogs o sitios web difieren muy poco entre sí. Sin embargo, esto no quiere decir que usted no tiene una cierta libertad al crear un cuadro de desplazamiento. Algunas de las maneras que usted puede personalizar un cuadro de desplazamiento incluye cambiar el tamaño de la caja, cambiar el tamaño de fuente en el cuadro o la inserción de una imagen en el fondo de la caja.
Instrucciones
1 Ingrese a su servidor Web y abra la página HTML en la que se desea diseñar su propio cuadro de desplazamiento.
2 Inserte el siguiente código en la sección <body> de la página:
<div style="height:200px;width:300px;overflow:scroll;font:15px;color:#A6120D;background:URL('Text">http://www.website.com/image1.jpg');">Text va aquí.
</ Div>
3 Reemplazar los valores de "ancho" con el número real (en píxeles) "altura" y desea que la altura y la anchura sean.
4 Reemplazar "15px" con el número que desea para el tamaño de la fuente.
5 Reemplazar "A6120D" con el código para el color que desea que el texto sea (ver Recursos).
6 Reemplazar "http://www.website.com/image1.jpg" con la URL real de la imagen de fondo que desee incluir.
7 Sustituir "texto va aquí" con el texto que desea que aparezca en el cuadro de desplazamiento.
8 Publicar la página.