Electrónica Tecnología En línea

Cómo hacer un teletipo para su sitio web

También conocidos como marquesinas, los teletipos se desplazan a lo ancho de una pantalla de visualización y presentan mensajes diseñados para ser vistos y entendidos de un vistazo. Comúnmente utilizados en la televisión para mostrar noticias destacadas o datos bursátiles, los teletipos a veces también aparecen en la Web. Con unas pocas líneas de código HTML y hoja de estilo en cascada (CSS), puede agregar rápidamente este tipo de contenido a su sitio web.

Paso 1

Abra su página web y vea su código HTML. Si usa una herramienta de edición visual como Adobe Dreamweaver, abra la página y haga clic en el área donde desea agregar su ticker. Cambie su modo de visualización a Vista de código. Esto le muestra el código HTML que controla la apariencia de su página. Si usa un editor de texto, abra su página en el editor y desplácese hacia abajo hasta la parte de la página donde desea agregar el ticker.

Paso 2

Presiona la tecla "Enter" para insertar una línea en blanco.

Paso 3

Copie y pegue el siguiente código en la línea en blanco:

El texto de cotización de muestra va aquí

Este código define un elemento de marquesina, que desliza el contenido por la pantalla de derecha a izquierda de forma predeterminada. El párrafo contenido entre las etiquetas de marquesina de apertura y cierre es el contenido de este ejemplo.

Paso 4

Actualice los parámetros del código para adaptarlos a sus necesidades de diseño. La etiqueta de marquesina de apertura utiliza reglas de estilo CSS para definir un color de fondo gris claro, junto con un borde de 1 píxel de ancho de un gris ligeramente más oscuro. Todos estos valores se pueden ajustar. Además, sustituya el contenido del marcador de posición ubicado entre las etiquetas de párrafo de apertura y cierre con texto o imágenes propias.

Paso 5

Guarde su página y ábrala en un navegador web. El teletipo aparece en la pantalla en la ubicación de la página que seleccionó en el Paso 1.


>

<

Vida inteligente