Textos en movimiento para nuestros post

Una forma muy fácil para remarcar algo es nuestros post, es hacer una marquesina.
Con unos sencillos códigos html, podemos darle un poco de decoración a nuestros textos.
Aquí dejo varías formas de poner una márquesina y las diferentes formas para hacer que se desplace el texto de una forma u otra.



 Desplazamiento de texto continuo.

Desplazamiento de texto

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="scroll" direction="left">Texto que queramos poner</marquee>

Ahora cambiamos lo marcado en azul por el texto que queramos que aparezca.

 Desplazamiento de texto rebotando.

Texto rebotando

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="alternate">Texto a cambiar</marquee>

Ahora cambiamos lo marcado en azul por el texto que queramos que aparezca.

Desplazamiento de texto hacia arriba.

Texto hacia arriba

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee  behavior="scroll" direction="up">Texto a cambiar</marquee>

Ahora cambiamos lo marcado en azul por el texto que queramos que aparezca.

Cambiar la velocidad del desplazamiento

textoTextoTexto

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="scroll" direction="left" scrollamount="1">texto</marquee><marquee behavior="scroll" direction="left" scrollamount="10">Texto</marquee><marquee behavior="scroll" direction="left" scrollamount="20">Texto </marquee>

  Como veréis si cambiamos scrollamount a un numero determinado cambiamos la velocidad con la que se mueve nuestro texto.
Cambiamos lo marcado en azul por el texto que queramos que aparezca.

 Desplazamiento de imagenes

<a href="http://24work.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><marquee behavior="scroll" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjLbremF4OxEvtIhEFs4XasMg4pRJ_6nDrZ_Wi_ToTf3YFMr1ufnDZY3H0cYxa7rsJLcc_h_OtHRMukOHXpqt60UQudOcgQd8Zcv5r2w9-pnlNortd83HdEsG2Lp4R-NyXTSzLhrGb57Ny/s1600/butterfly-1-dance.gif" width="100" height="100" alt="smile" /></marquee>

Ahora cambiamos lo marcado en azul por la Url de la imagen que queramos que aparezca.