→Fotos en Movimiento + Texto

Hola!

esta vez les traigo este nuevo tutorial sobre como poner imagenes en movimiento la verdad son bastantes lindas y darán un buen toque lindo al blog

¿Seguimos?

Ejemplo:

1-nos vamos a diseño → añadir html/javascript → copiamos y pegamos el siguiente codigo;

<marquee behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="8" width="100%"> 

<img height="100" src="DIRECCION DE TU IMAGEN" width="110" /> 

<img src="DIRECCION DE TU IMAGEN" /> 

<img src="DIRECCION DE TU IMAGEN" />

 <img src="DIRECCION DE TU IMAGEN" /> 

<img src="DIRECCION DE TU IMAGEN" />

 <img src="DIRECCION DE TU IMAGEN" />

</marquee></center>

instrucciones;

naranja → de ahí dependerán de que lado quieres que giren las imagenes en mi caso es a la izquierda pero puedes usarlo a la derecha escribiendo Right.

violeta → de ahí dependerán el tamaño de la imagen a elegir en este caso la altura.

azul → aqui es el ancho.

morado → aquí elegirás la velocidad de tu marquee.

Ej: 50% equivale a 3 segundos si eliges 10% la velocidad sera bastante rápida.

→ Con texto

Bien algunas querrán usar sus marquees pero necesitan añadirle algo bien comencemos con añadirle un texto;

 sigue el primer paso de arriba.

ahora copia y pega este código;

<marquee behavior="alternate" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="8" width="100%"> <img height="100" src="DIRECCION DE TU IMAGEN" width="110" /> <img src="DIRECCION DE TU IMAGEN" /> <img src="DIRECCION DE TU IMAGEN" /> <img src="DIRECCION DE TU IMAGEN" /> <img src="DIRECCION DE TU IMAGEN" /> <img src="DIRECCION DE TU IMAGEN" /></marquee></center><text>TEXTO AQUI<center></center></text>

rosa: de ahí dependerán de que lado quieres que giren las imagenes en mi caso es a la izquierda pero puedes usarlo a la derecha escribiendo Right.

violeta: de ahí dependerán el tamaño de la imagen a elegir en este caso la altura.

azul : aquí es el ancho.

 café: ahí eligieras de que modo quieres el texto.

Ej; Normal → <text>TEXTO AQUI</text>

          Pequeño →  <smal>TEXTO AQUI</smal>

 Cursiva: <i>TEXTO AQUI</i>

verde: elegirás de que alineación quieres el texto,en mi caso es centrado si lo quieres a la izquierda solo cambia center por left y derecha por right.

 

 

 ♥Añade un comentario :)