Tecnología

Inicio

Cómo hacer un cuadro de desplazamiento personalizada

July 6

cuadros de desplazamiento ayudan a organizar el texto y los gráficos en su página Web para que la página se mantiene despejado y fácil de navegar. Usted no tiene que tener un cuadro de desplazamiento regular, liso en su página sin embargo. Se puede personalizar para mirar cómo desea con la codificación HTML correspondiente.

Instrucciones

1 Abra el documento de página Web para el que desea hacer un cuadro de desplazamiento personalizado.

2 Copiar y pegar el siguiente código dentro de las etiquetas del cuerpo (<body> y </ body>) de la codificación HTML del documento de página Web:

<Div style = "height: 120px; ancho: 250px; fuente: 16px / 26px Georgia, Garamond, Serif; overflow: desplazarse;">

Texto o código gráfico.

</ Div>

Ajustar la cara altura, anchura, tamaño de fuente y la fuente del código de la caja de desplazamiento para personalizar el cuadro de desplazamiento para buscar la manera deseada.

3 Guarde el documento de página Web.

Consejos y advertencias

  • Cambiar el color de su cuadro de desplazamiento mediante la adición de los antecedentes de los atributos de la siguiente manera:
  • <div style="height:90px;width:160px;overflow:scroll;background-color:#67F152;color:#A6120D;scrollbar-base-color:#52DC0D;">
  • Texto o código gráfico.
  • <Div>
  • El código debe ser colocado dentro de las etiquetas del cuerpo para que pueda aparecer en el cuerpo de su página Web.