♦ Tutorial ~ Imagens Indo e Vindo no Gadget


Hey Rilakkumas
Tudo bem???
 Vocês leram a postagem anterior não é? Estão quem não leu, saiba que a Lovelly está ausente e só voltara sabe-se lá quando, pelo que entendi é alguma doença e alguns problemas pessoais, então desejo que ela melhore e volte logo, e que quando ela voltar, vocês a encham de pedidos certo!?

 E bem pessoal, sobre as postagens de divulgação *que estão atrasadas* vão se atrasar mais um pouquinho, pois estou em período de provas e quase sem tempo nenhum, por isso não estranhem minha ausência por mais de uma semana.

 Durante esse tempo sem postar, vou tentar visitar os queridos blogs que estão sempre comentando aqui, amo muito vocês e peço desculpas por não andar tanto nos seus blogs.
 E estou começando a montar o proximo layout já, mais ainda está no começo.
 Pronto.

Agora sim, vamos ao tutorial??
Explicando:
 Nesse tutorial vamos aprender a colocar imagens Indo e Vindo no gadget, não consigo trazer uma demonstração mas vou explicar. As imagens que vão e vem no gadget e quando chega na última imagem ela volta ao contrario. Entenderam??? Não??? Pois bem teste.

No painel, vá em:
Layout  Adicionar Gadget  HTML/JavaScript
E cole esse código.

<marquee direction="left" scrollamount="8" width="100%" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
 <img src="URL DA IMAGEM" /> <img src=" URL DA IMAGEM " />
 <img src=" URL DA IMAGEM " />
 <img src=" URL DA IMAGEM " />
 <img src=" URL DA IMAGEM " />
</marquee>

Entendendo:
 Left é a direção em que as imagens iram, se quiser para direita coloque Right
 8 é velocidade, aumente ou diminua como preferir
 <img src=" URL DA IMAGEM " /> é onde você coloca sua imagem, ali tem espaço para 4, apague ou coloque mais se preferir.

  • IMPORTANTE:
  • Todas as imagens que você usar, devem ter O MESMO TAMANHO, se não ficara a maior bagunça.


Entenderam? gostaram?
Até mais

18 comentários:

  1. Eu gosto muito desse efeito, mas acho que não usaria, entende? Hahaha, ainda assim, obrigada pelo tutorial ^3^

    Wonderland?

    ResponderExcluir
    Respostas
    1. Tambem acho esse efeito bem legal.
      De nada.

      Excluir
  2. Seria isso uma especie de slide com loop? lol
    Acho que deu pra entender ^^

    ResponderExcluir
  3. Tem selinho lá no blog pra você amor!
    candy-grape.blogspot.com.br/2012/09/selinho-v.html

    ResponderExcluir
  4. Muito legal viu,agora o blog já está normal,e já volta com tudo.Bjs
    lifeonalin.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigado
      Faz um tempo que nao ando no seu blog.
      Vou passar lá.

      Excluir
  5. I love you,eu queria aprender!Favoritei!
    Ah, e você recebeu essa tag do meu blog: Tag 4you

    Tomara que goste!

    ResponderExcluir
    Respostas
    1. Eu também queria aprender.
      Passei quase um hora procurando.
      Mas achei e trouxe.
      Eba, foi favoritado.

      Tag, já estou indo ver

      Excluir
  6. Haha' Eu conheço esse tipo de "gadget", só não sabia qual era o nome e nem onde encontrar o tutorial. Adorei o tuto, super simples! Vou usar no lay que estou fazendo para minha amiga. =3

    Ajudou muito, >--<'

    meu-mundinhocolorido.blogspot.com

    ResponderExcluir
  7. Adorei o tutorial, já tinha visto esse efeito em vario blog mas não sabia como fazer ^^

    Meu Mundo, Meu Estilo

    ResponderExcluir