Cada día se va haciendo más útil y lindo poner imágenes en movimiento en el blog.
Es algo bastante sencillo de hacer, aquí les dejo los pasos a seguir.
Esta serie de códigos que les voy a mostrar, deben colocarlos en creación de plantillas (o si quieren editar alguna también pueden hacerlo). También si quieren colocarlos en una barra y no en las entradas también les servirá, pero deben colocar el código en un Gadgest de HTML/JavaScript.
El código principal es
<br /><marquee><img src="#" /></marquee><br />
Donde esta # introducen la dirección URL de la imagen, entonces quedaría así :
Ahora si queremos que la imagen vaya hacia arriba. Solamente tenemos que agregar el comando direction="up" ( puedes cambiarlo por "down", para que las imagenes se muevan para abajo).
Entonces sería este código:
<br /><marquee direction="up"><img src="#" /></marquee><br /> y Quedaría así: Ahora si quieres que la imagen se detenga al pasar el mouse, el codigo seria este: <br /><marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up"><br /><br /><img src="#" /><br /><br /></marquee><br /> Y quedaría así: Ahora si desean colocar varias imágenes en movimiento, sólo deben colocar este código: <br /><br /><br /><marquee scrolldelay="100" direction="up" crollamount="8" height="100px">
Recuerden que pueden modifican la dirección donde dice "up", la velocidad dodne está el "8" y la altura donde dice "100px".
Además pueden añadir muchas imágenes si van repitiendo cada vez más (
Espero que les ayude!! CREDITOS shojodecora.blogspot.com
|
No hay comentarios: