Marquee En Imagenes

Me han preguntado sobre este efecto de las imagenes que se mueven aqui a un ladito de la sidebar..okii para empezar les pondre varios codigos con diferentes efectos para que tomen el que mas les agrade ^^

para empezar pondre el que yo tengo y el que me han pedido:

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

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>

Rosa: direccion de la imagen derecha (right) izquierda (left)
Lila: height (altura)  de la imagen
Azul: Widht (ancho) de la imagen

Segundo Marquee

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


Codigo:

<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.


Codigo:

<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 opcion play y pause

PLAYPAUSE


codigo:

Para este ultimo  marque tendremos quer irnos a

 Plantilla >> Personalizar >> Avanzado y estando ahi eliges la opcion Añadir 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 opcion "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 gusto el tutorial deja un coment ^v^

 ultimo tutorial marquee 

html-and-etc