noviembre 26, 2009

Como colocar una "Lluvia de Estrellas" en el blog.

Este es un muy bonito efecto para implementar en el blog ahora que estamos en vispera de navidad. Su implementación es muy sencilla, sólo tiene que colocar el código que se te mostrará a continuación como un elemento HTML/Javascript en la sidebar de tu blog, guardar los cambios y posteriormente arrastrar esa sección hasta el final de la sidebar.

<marquee behavior="scroll" direction="down" scrollamount="3" style="border: 0px none; height: 701px; left: 284px; margin: 0px; padding: 0px; position: absolute; top: 15px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="3" style="border: 0px none; height: 141px; left: 68px; margin: 0px; padding: 0px; position: absolute; top: 99px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="3" style="border: 0px none; height: 591px; left: 846px; margin: 0px; padding: 0px; position: absolute; top: 62px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="1" style="border: 0px none; height: 421px; left: 873px; margin: 0px; padding: 0px; position: absolute; top: 29px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="5" style="border: 0px none; height: 556px; left: 291px; margin: 0px; padding: 0px; position: absolute; top: 76px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="5" style="border: 0px none; height: 351px; left: 816px; margin: 0px; padding: 0px; position: absolute; top: 6px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="3" style="border: 0px none; height: 398px; left: 604px; margin: 0px; padding: 0px; position: absolute; top: 78px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="2" style="border: 0px none; height: 600px; left: 720px; margin: 0px; padding: 0px; position: absolute; top: 115px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="6" style="border: 0px none; height: 54px; left: 237px; margin: 0px; padding: 0px; position: absolute; top: 45px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="5" style="border: 0px none; height: 651px; left: 242px; margin: 0px; padding: 0px; position: absolute; top: 107px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="4" style="border: 0px none; height: 138px; left: 841px; margin: 0px; padding: 0px; position: absolute; top: 18px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="1" style="border: 0px none; height: 624px; left: 108px; margin: 0px; padding: 0px; position: absolute; top: 10px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="5" style="border: 0px none; height: 784px; left: 638px; margin: 0px; padding: 0px; position: absolute; top: 23px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="2" style="border: 0px none; height: 305px; left: 737px; margin: 0px; padding: 0px; position: absolute; top: 73px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="" style="border: 0px none; height: 250px; left: 288px; margin: 0px; padding: 0px; position: absolute; top: 16px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="3" style="border: 0px none; height: 139px; left: 720px; margin: 0px; padding: 0px; position: absolute; top: 57px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="2" style="border: 0px none; height: 539px; left: 524px; margin: 0px; padding: 0px; position: absolute; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="5" style="border: 0px none; height: 337px; left: 637px; margin: 0px; padding: 0px; position: absolute; top: 65px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="3" style="border: 0px none; height: 281px; left: 757px; margin: 0px; padding: 0px; position: absolute; top: 104px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="2" style="border: 0px none; height: 50px; left: 829px; margin: 0px; padding: 0px; position: absolute; top: 80px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><marquee behavior="scroll" direction="down" scrollamount="2" style="border: 0px none; height: 136px; left: 878px; margin: 0px; padding: 0px; position: absolute; top: 5px; width: auto; z-index: 1;"><img src="http://jtpinto51.googlepages.com/STAR_LIGHTER.gif" /></marquee><a href="http://milaboratoriodepruebas.com/" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px double rgb(0, 173, 239); color: navy; font-family: tahoma; font-size: 11px; padding: 1px; text-decoration: none;" target="_blank"></a>

El efecto puedes visualizarlo en esta DEMO.



1 comentarios:

  • 30 de noviembre de 2011, 18:31
    andrea Comenta:

    super feliz de haber encontrado tu blog muchas graciasssss

    delete

Publicar un comentario en la entrada

Bienvenido, eres libre de expresar tus opiniones.
Para mi no existen comentarios negativos, todos
son positivos porque nos dejan una enseñanza.

Si necesitas contactar conmigo puedes hacerlo a
través de: mitesterlab@gmail.com

 

Mi laboratorio de pruebas Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger