sábado, 5 de marzo de 2011

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.

No hay comentarios:

Publicar un comentario