-->
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
SlickRSS: Pack de Iconos para RSS # - SlickRSS: Pack de Iconos para RSS
Crear más de 10 páginas estáticas en Blogger # - Crear más de 10 páginas estáticas en Blogger
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger
Enlaces para compartir tus posts en Blogger # - Enlaces para compartir tus posts en Blogger
Thumbs Up and Down en Comentarios de Blogger # - Thumbs Up and Down en Comentarios de Blogger