12 de jul de 2012

Nuvem passando encima do cabeçalho


Heey boy and girls, estão beleza? Então, já viram aqueles blogs que tem aquela nuvenzinha lá encima, no cabeçalho, passando de um lado pro outro? Pois é, hoje vim ensinar vocês á fazerem isso, inclusive eu coloque uma aqui no blog, mais eu vou ensinar outro estilo, oks. Então vamos logo ao tutorial:


Vá em Design > Editar HTML > Dê um Ctrl + F e procure por <body> ( se não encontrar procure por <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> ) e quando achar, cole encima disso esse código:

<marquee behavior='alternate' direction='right' height='104px' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'><img src='http://3.bp.blogspot.com/-EUwqsMS1ghQ/T_Sm_eFP7JI/AAAAAAAABvE/ljmD4c5AMZY/s1600/nuvem1.png'/><br /> <img src='http://3.bp.blogspot.com/-EUwqsMS1ghQ/T_Sm_eFP7JI/AAAAAAAABvE/ljmD4c5AMZY/s1600/nuvem1.png'/><br /> <img src='http://3.bp.blogspot.com/-EUwqsMS1ghQ/T_Sm_eFP7JI/AAAAAAAABvE/ljmD4c5AMZY/s1600/nuvem1.png'/><br /> </marquee> 

'alternate': é o movimento das imagens, com isso elas vão ''batem na tela'' e voltam. Se você apagar elas vão ficar passando.

Right: coloque a direção que quer que ela vá. No código que ela vai para direita >>.

104px: a largura.

scrollamount='3': a velocidade.

Então é só vocês editarem como quiserem e visualizar. Se a nuvem estiver passando é porque está tudo certo, senão você fez alguma coisa errada, ai você precisa vá em limpar edições e tentar de novo. Bom, amores por hoje é só. Beijinhos pra vocês!

                     

5 comentários:

  1. Oiie , eu Amo seu Blog :)) Vejo ele todos os Dias . e Estava com uma duvida ; E pra colar o Codico das Nuvens em cima do codigo que Procura no Ctrl+F ?

    ResponderExcluir
    Respostas
    1. Oi amor,que bom que você gosta do blog. Olha, é pra colar o código encima do que procura no ctrl + F sim! Espero ter esclarecido sua dúvida! Beijooos!

      Excluir
  2. Que lindo!!! Testei no meu blog de teste e fica realmemte lindo, quando fizer um template novo vou usar esse tuto, faz 2hs que tô no seu blog kkk
    Amei!!! Seguindo...

    ResponderExcluir
  3. Não consegui por :'(
    Não entendi a parte que cola em cima , :/

    ResponderExcluir
  4. Oi e no caso de não querer por a a nuvem vc poderia postar o cod para montar com outra URL de imagem no meu caso queria esta http://imageshack.us/scaled/thumb/13/anjoangeldaisythumb.png esta imagem poderia me ajudar desde já gradeço muito mesmo

    ResponderExcluir

Yoo cherry, espero ter gostado do post. Se quiser comentar, fique a vontade, mais antes siga estas regrinhas:

- Não aceito comentário "Seguindo, segue de volta?"
- Não fale palavrões.
- Criticas são bem vindas, desde de que sejam criticas objetivas.
- Deixe o seu blog, talvez eu queira vê-lo.
- Aceito tags e selinhos.

Espero que sigam as regras que são bem importantes.