4 formas de poner un Marquee de Imágenes en tu blog

Hola! :D y bienvenidos a este post. En esta entrada les traigo el efecto de de las imágenes que se mueven :D Muy facil y rapido :D espero que te sirva ♥ ahora vamos con el código

Para empezar les pondré varios códigos con diferentes efectos para que tomen el que mas les agrade

Primer Marquee

Copia el codigo y pegalo en un gadget html/javascript.

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>

Rosa: dirección de la imagen derecha (right) izquierda (left)

Verde: height (altura)  de la imagen

Azul: Widht (ancho) de la imagen

Segundo Marquee

Copia el codigo y pegalo en un gadget html/javascript.

Código:

<marquee behavior="alternate">
<marquee width="200">
<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>
</marquee>

Tercer Marquee con Bordes

Copia el codigo y pegalo en un gadget html/javascript.

   Código:

<center>
<marquee direction="left">
<img src="DIRECCION DE LA IMAGEN" STYLE="BORDER: dotted 3px #55AE3A">
<img src="DIRECCION DE LA IMAGEN" STYLE="BORDER: dotted 3px #55AE3A">
<img src="DIRECCION DE LA IMAGEN" STYLE="BORDER: dotted 3px #55AE3A">
</MARQUEE>
</center>

morado: Tipo, grosor y color de borde

Cuarto Marquee con opción play y pause

    PLAYPAUSE

código:
Para este ultimo marque tendremos quer irnos a

Tema >> Personalizar >> Opciones Avanzadas y estando ahí eliges la opción Agregar Css.

se te abrira una ventanita en blanco ... copias este codigo y lo pegas ahi

@font-face {font-family: "04b03"; src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
play {font-family: '04b03'; font-size: 8px;color: #FF80BF; text-tranform: underline;}

luego das en la esquina derecha la opción "aplicar al blog"

Ahora copia este codigo y pegalo donde quieres que aparezcan las imagenes.. puede ser en un gadget html/javascript.

<center>
<marquee behavior="alternate" direction="right" height="100" id="marquee" onmouseout="javascript:marquee.start()" onmouseover="javascript:marquee.stop()" scrolldelay="90" style="background-image: url(DIRECCION DE TU BACKGROUND);" width="500">
<img src="DIRECCION DE LA IMAGEN" width="100px" />
<img src="DIRECCION DE LA IMAGEN" width="100px" />
<img src="DIRECCION DE LA IMAGEN" width="100px" />
<img src="DIRECCION DE LA IMAGEN" width="100px" />
</marquee></center>
<center><a href="javascript:void(0)" onclick="javascript:marquee.start()"><play>PLAY</play></a><img src="http://i205.photobucket.com/albums/bb186/mhilkas/Currently/sentindo-3.gif" style="margin-bottom: -2px;" /><a href="javascript:void(0)" onclick="javascript:marquee.stop()"><play>PAUSE</play></a></center>

Y listo .. si te gustó esta entrada deja un comentario  ^v^