Cuadro de Texto con desplazamiento

Cuadro de Texto con desplazamiento

Este tutorial consta en crear un cuadro de texto con efecto de desplazamiento en el blog.
El truco es bastante sencillo y se puede lograr un buen resultado siguiendo los pasos correctamente.
El resultado es el siguiente:

Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

¿Cómo crear este cuadro?

Buscas alguna zona en la que pegar el cuadro (Ya sea un Gadget HTML, una zona de alguna entrada, o en alguna sección del blog). y pegas el siguiente código:

<div align="center"><table bgcolor="#000000" border="1" width="200"><tbody><tr><td align="center"><marquee scrollamount="1" direction="up" height="50"><span style="color:#FFFFFF;">TEXTO A DEZPLAZAR
</span></marquee></td></tr></tbody></table></div>

Ahora, vamos a modificar distintos valores del código:
  • <div align="center"> (Alineación del cuadro)
  • bgcolor="#000000" (Corresponde al color de fondo del cuadro)
  • border="1" (Es el tamaño del borde)
  • width="200" (Corresponde al ancho del cuadro en píxeles)
  • scrollamount="1"  (Velocidad del desplazamiento, un valor mayor es mas rapidez)
  • direction="up" (La dirección de desplazamiento, puede ser up, down, left o right)
  • height="50" (Corresponde al alto del cuadro en píxeles)
  • color:#FFFFFF (Corresponde al color del texto)
  • TEXTO A DEZPLAZAR (Reemplazar por el texto deseado).

Bueno cualquier duda o problema, puedes comentar.
Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger