Cómo Hacer Una Barra De Desplazamiento

Tabla de contenido:

Cómo Hacer Una Barra De Desplazamiento
Cómo Hacer Una Barra De Desplazamiento

Video: Cómo Hacer Una Barra De Desplazamiento

Video: Cómo Hacer Una Barra De Desplazamiento
Video: COMO HACER UNA BARRA DE DESPLAZAMIENTO EN EXCEL - FACIL 2024, Mayo
Anonim

Hoy en día, tener un sitio web propio no es un lujo, sino una necesidad. Su creación requiere ciertas habilidades y conocimientos de html. Crear un sitio web sencillo es bastante sencillo. Sin embargo, decorarlo y crear elementos interactivos que proporcionen funcionalidad adicional para el sitio causará dificultades para un principiante. Uno de estos elementos interactivos que mejoran la comodidad de los visitantes del sitio es la barra de desplazamiento. Es especialmente útil en los campos del sitio, que proporcionan su conexión con scripts (interacción del sitio con los usuarios).

La barra de desplazamiento es un elemento importante del sitio
La barra de desplazamiento es un elemento importante del sitio

Es necesario

Internet o cualquier tutorial de HTML

Instrucciones

Paso 1

Lo más importante en cualquier sitio es la facilidad de uso. La mera idea de usar una barra de desplazamiento en su sitio será apropiada solo si su apariencia no está dictada por su deseo, sino por su necesidad. Realice el diseño de la página en la que desea colocar la barra de desplazamiento. Elija un lugar para el desplazamiento (también llamado barras de desplazamiento).

Paso 2

Elija una ubicación para la barra de desplazamiento en la página del sitio que le interesa. Debe estar rígidamente vinculado a algún elemento (por ejemplo, un cuadro de texto o una lista desplegable). Debe calcular este lugar en píxeles o como porcentaje. Esto no es difícil de hacer, especialmente si el diseño del sitio tiene una estructura clara.

Paso 3

Entre las etiquetas BODY debe agregar el código de desplazamiento estándar. Puedes encontrarlo en cualquier tutorial html. Hay dos opciones: agregar este fragmento directamente al código html de la página o adjuntarlo en la hoja de estilo CSS. El segundo método es más conveniente si cambia más de una página, pero todo el sitio a la vez. Luego, debe ingresar los parámetros de color de la barra de desplazamiento; de lo contrario, será gris y poco interesante. La figura muestra y etiqueta los elementos de desplazamiento. Los parámetros deben introducirse de la misma forma que se muestra en la figura, separados por punto y coma.

Paso 4

Ahora definitivamente deberías probar tus modificaciones. Para que la barra de desplazamiento tenga el mismo aspecto en todos los navegadores, márquela en los principales: Internet Explorer, Mozilla Firefox y Opera. Si no funciona en uno de ellos, vuelva al primer paso y corrija los errores.

Recomendado: