Annyz-BlOg : Kawaii Gif Caminando en el Blog
para COPIAR los codigos usa la tecla Ctrl + C y para PEGAR usa la tecla Ctrl + V gracias :) El Blog Se visualiza mejor con Google Chrome..

12 agosto 2015

Kawaii Gif Caminando en el Blog

Segundo post del dia :D!! y aun con muchas ganas de seguir aqui en el blog!!  esta vez traigo unos lindos gifs q se andaran paseando por tu blog le doy gracias a ciudad blogger por el codigo original, estuve mirando el tutorial y me dije.."tambien funcionara con algunos gifs cute???" y ta taaan..aqui el tuto ya modificado, espero sea de su agrado y me dejen un comentario!! ^^


Aqui la muestra




Para ponerlo en tu blog basta con que copies el codigo y lo pegues en un gadget html/javascript!



<marquee direction="left" scrolldelay="160" style="bottom: 0px; z-index: 1; left: 0; position: fixed; width: 100%;"><img src="http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%20walking%2038.gif" style="background: none; border: 0; box-shadow: none; padding: 0; width: 90px;" /></marquee>


<marquee direction="left" scrolldelay="160" style="bottom: 0px; z-index: 1; left: 0; position: fixed; width: 100%;"><img src="http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%20walking%2047.gif" style="background: none; border: 0; box-shadow: none; padding: 0; width: 90px;" /></marquee>



<marquee direction="left" scrolldelay="160" style="bottom: 0px; z-index: 1; left: 0; position: fixed; width: 100%;"><img src="http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%20walking%2025.gif" style="background: none; border: 0; box-shadow: none; padding: 0; width: 90px;" /></marquee>

Entendiendo el codigo:

<marquee direction="left" scrolldelay="160" style="bottom: 0px; z-index: 1; left: 0; position: fixed; width: 100%;"><img src="http://i1221.photobucket.com/albums/dd461/kawaii_annyz/cute%20walking%2025.gif" style="background: none; border: 0; box-shadow: none; padding: 0; width: 90px;" /></marquee>

Color rosa es la direccion en la que quieres que camine tu gif LEFT/IZQUIERDA Y RIGHT/DERECHA.

Color verde es la velocidad con la que se desplaza el gif, si quieres que vaya mas lento o mas rapido encontonces cambia su valor por otro numero.

Color morado es la direccion/url del gif.

Aqui les dejo otros gifs q renderize en photoshop..!! para copiar la direccion/url del gif da clic derecho sobre el gif y da la opcion que dice "copiar la url de la imagen

 
  

   

  



8 comentarios:

  1. ohh que hermoso~!!!!gracias por esta tutorial

    ResponderEliminar
  2. Hola,
    son todos muuyy bonitos.

    ResponderEliminar
  3. ohhhh linda son adorables me encantan tus post gracias

    ResponderEliminar
  4. Esta muy bien, ya lo puse en mi blog, gracias!!!!!!

    ResponderEliminar
  5. son heeermooossoooooosss!!! que lindooss!! me llevo uno, graciass!!!

    ResponderEliminar
  6. Qué preciosidad!! no sé cual podria poner, aunque me ha gustado mucho el tercer ejemplo ^^ Gracias por estos tutoriales!
    Saludos! :)

    ResponderEliminar