Agregue un ticker a su sitio web usando algunas líneas de código HTML y CSS.
También conocidos como marquesinas, los tickers se desplazan a lo ancho de una pantalla de visualización, presentando mensajes diseñados para ser vistos y entendidos de un vistazo. Usados comúnmente en televisión para mostrar noticias destacadas o datos del mercado de valores, los tickers 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.
Video del día
Paso 2
Presione 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:
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 que se adapten 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 ticker aparece en pantalla en la ubicación de la página que seleccionó en el Paso 1.