Imágenes con movimiento debajo de mi header (cabecera)
¡Hola! Este tutorial fue pedido hace ya varios dias y pues la verdad es que no habia tenido el tiempo suficiente como para elaborarlo. quiero pedir disculpas :S es que últimamente no he tenido mucho tiempo para estar en la pc y bueno una cosa lleva a la otra. en fin, les vengo a explicar en un tutorial de como subi esas imágenes debajo de mi header.
Algo de Créditos al Blog de annyz por facilitarme los codigos :3
Si se fijan bien, podrán notar que mi header todavía sigue ahí, puse mi imagen de header como si fuera un banner, pero ustedes pueden quitarlo si quieren.
- lo primero que tenemos que tener, son las imagenes a montar, pueden ser 4 o más, eso depende de ustedes. las imagenes las pueden diseñar a través de photoshop, pixlr o cualquier otro editor que gusten. el tamaño de las imagenes debe ser de 700x350 para que encaje en el centro del blog (o mas o menos xD)
- luego de tener todas la imagenes a montar, nos vamos a Diseño y agregamos un nuevo gadget (HTML/Javascript) lo agregamos debajo de la cabecera.
- En el pegamos el siguiente código: <br /><br /><br /><marquee scrolldelay="100" direction="up" rollamount="8" height="100px"> <center><br /><img src="#" /><br /><img src="#" /><br /><img src="#" /><br /><img src="#" /><br /></center> </marquee><br />
marquee scrolldelay="100" : Significa la distancia entre cada imagen
direction="up" : Significa la dirección que quiere que valla pueden cambiar el "up" por "down"
rollamount="8" : Significa la velocidad
height="100px : Significa la altura
<img src="#" /> : donde irán las imágenes, sustituyan "#" por el link de las imágenes.
Para obtener los links de las imagenes, vamos a la siguiente direccion: http://tinypic.com/
direction="up" : Significa la dirección que quiere que valla pueden cambiar el "up" por "down"
rollamount="8" : Significa la velocidad
height="100px : Significa la altura
<img src="#" /> : donde irán las imágenes, sustituyan "#" por el link de las imágenes.
Para obtener los links de las imagenes, vamos a la siguiente direccion: http://tinypic.com/
- Subimos las imagenes (una por una, para evitar retrasos) nos dara un codigo en cada imagen
- Pegamos el codigo en "#" y asi hacemos con todas las imagenes hasta que hallamos terminado.
Algo de Créditos al Blog de annyz por facilitarme los codigos :3
owo muy servicial etto, una question rapidita, si se puede TT.TT, los links de las imagenes van todas juntas o tengo que hacer el codigo por cada una,
ResponderEliminarseria de mucha ayuda , bueno arigatou soshte sayo~
atte: ~ShunShion~
Hola, tienes que poner los links de las imagenes, una por una, sustituyendo los "#" espero te haya servido de ayuda
EliminarSaludos!