Mi mundo Kawaii.;

Bonjour!

Bienvenidos a mi mundo. No os asusteis. Aquí, hace siglos que los pokemon dominaron el mundo
Y Finn y Jake se hicieron los reyes.

Tagboard

⊰HOVER ME!⊱

Please do not spam my cbox. Please put your blog link so I can visit you back.

[POST CODE. WIDTH 219 HEIGHT 100]

¿Quien no adora estos gatos?

Skins by: Illi Shuhada

Best viewed in Mozilla and Google Chrome

Marquee en Imágenes ♥

Primer Marquee

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

PLAY

PAUSE

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^

Etiquetas: Tutorial

0 ANGEL(s)

◀ ▶