Tecnología

Inicio

Cómo hacer un teletipo para su página web

Cómo hacer un teletipo para su página web


También conocido como carpas, teletipos de desplazarse a lo ancho de una pantalla de visualización, la presentación de los mensajes diseñados para ser visto y comprendido en un vistazo. Comúnmente utilizado en la televisión para ver las noticias destacadas o los datos del mercado de valores, tickers a veces aparecen en la web también. Con unas pocas líneas de código Cascading Style Sheet (CSS) y HTML, puede agregar rápidamente este tipo de contenido a su sitio web.

Instrucciones

1 Abra la página Web y ver su código HTML. Si se utiliza una herramienta de edición visual, como Adobe Dreamweaver, abra la página y hacer clic en el área en la que desea añadir su ticker. Cambiar su modo de visualización a la vista de código. Esto le muestra el código HTML que controla la apariencia de su página. Si utiliza un editor de texto, abra la página en el editor y baje hasta la parte de la página en la que desea añadir el ticker.

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

3 Copia y pega el siguiente código en la línea en blanco:

<Carpa estilo = "background-color: #eee; border: 1px #ccc sólida">
<P> texto ticker de la muestra va aquí </ p>
</ Marquee>

Este código define un elemento de marquesina, que se desliza contenido a través de la pantalla de derecha a izquierda por defecto. El párrafo que figura entre la apertura y el cierre de las etiquetas de marquesina es el contenido en este ejemplo.

4 Actualizar los parámetros de código que se adaptan a sus necesidades de diseño. La etiqueta de apertura de la carpa utiliza reglas de estilo CSS para definir un color de fondo gris claro, junto con una amplia borde de 1 píxel de color gris ligeramente más oscuro. Todos estos valores se pueden ajustar. Además, sustituir el contenido marcador de posición situado entre la apertura y el cierre de las etiquetas de párrafo con el texto o imágenes de su propia.

5 Guarde la página y abrirlo en un navegador Web. El ticker aparece en la pantalla en la ubicación de la página seleccionada en el paso 1.