Background cloud

16/11/2012
~ Olá meus puffs ~
Sobre o tutorial é um efeito lindo no background do blog que se mexe quando passamos o mouse em qualquer parte dele, fica lindo com backgrounds de nuvens, veja o Resultado. Fiquei uns dias sem postar pois estava fazendo o novo layout, eu fiz para comemorar os 4 meses do blog, e também estava enjoada do outro, dêem suas opiniões sobre o layout, ok ?  Um aviso, tirei alguns afiliados desativos, inativos ou que não me visitam... Uma novidade; agora temos uma ask aqui no blog, lá vocês podem pedir posts, tutoriais, dar sugestões, entre outros... E preparam-se pois além dessas viram muitas outras novidades boas para vocês no dia 19 de novembro que é o aniversário do blog <3


Em painel vá em modelo >> Editar HTML , aperte a tecla F3 e procute por:  ]]></b:skin> e acima dessa tag cole o código abaixo e salve
body:hover {background-position: -9999px; -webkit-transition: 160.0s;}

Aperte F3 novamente e dessa vez procure por:  /* Content
Lá em baixo vai encontrar um código mais ou menos assim
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}
No lugar do background: $(body.background); cole o código abaixo no lugar dele

background-image: url("URL DA IMAGEM");}
background-repeat: repeat-y;

E em URL DA IMAGEM , cole o url da imagem que quiser. Trouxe algumas para vocês, clique em cima para pegar em tamanho real...


" - " - "   Bye e até o próximo!

25 comentários

  1. Que efeito legal! Adorei...

    omeubrilhantemundo.tk

    ResponderExcluir
  2. Que lindo esse efeito.
    E que layout lindo esse *-*
    Adorei o novo layout Ana.
    Beijo;

    semuser.blogspot.com

    ResponderExcluir
  3. AMEII O LAYOUT, ficou perfeito e adorei esse tuto, testei o resultado e ficou perfeito!

    Cliquesnocapricho.blogspot.com

    ResponderExcluir
  4. Amei o layout ficou lindo,e o tutorial também,amei!Beijos.

    http://revolutionstartshere-oficial.blogspot.com.br/

    ResponderExcluir
  5. muito bom o tutorial!

    http://manguitarosa.blogspot.com.br/

    beijooos

    ResponderExcluir
  6. Gostei! *u* E é fácil o tutorial. XD

    The-ZombieWorld.blogspot.com
    Becky Nunes/ Andy Assis

    ResponderExcluir
  7. O lay ficou lindooo! E que efeito lindooo!

    Beijos,
    Sim Senhorita (Clique no perfil)

    ResponderExcluir
  8. Ai, que fofos! Amei todos! Adorei seu layout. Não chego aos seus pés! KKK
    Beijos, The Stupid Wonderland(www.the-stupid-wonderland.(blogspot).com.br) Iguinore os parênteses^-^

    ResponderExcluir
  9. Que legal esse tuto ^.^ Fácil e lindo efeito!
    Adorei seu blog e esse layout, está super fofo *--*
    Blog-imperfeita.blogspot.com

    ResponderExcluir
  10. Awn °u°

    Muito divo o tuto! (e aquela canequinha no inicio do post! Me deu uma vontade de comer kk')

    Beijos

    Divulgue o Lazy Girl
    http://lazygirll.blogspot.com.br/

    ResponderExcluir
  11. Adorei o tuto Ana! Fica muito lindo mesmo, e é super fácil ^^ Não sei se é só comigo mas no seu exemplo ele não se mexeu.. ou entendi errado, rs :3

    Beijinhos, Paula! ♥
    ~Sweet Makeup~
    (clica no perfil pra visitar meu blog)

    ResponderExcluir
    Respostas
    1. Obrigada ><, para ele se mexer tem que passar o mouse em cima do background rs.

      Excluir
    2. Deve ser bem legal, mas no meu também não se mexeu, mesmo passando o mouse :/ Atualiza o post com uma live preview? Se der, é claro. Desde já obrigada!

      Beijos :3 || cupcakeofshine.blogspot.com

      Excluir
  12. E o Layout, simplesmente incrível! Amei, ficou super cute! <3

    Beijinhos! ♥

    ResponderExcluir
  13. Gosti muitcho ;]]

    >> http://e-xpressando.blogspot.com.br/

    ResponderExcluir
  14. Amei o novo layout, ficou super cute *--*
    Também gostei do tuto, super original ;)
    Beijo
    ill-helpyou.blogspot.com

    ResponderExcluir
  15. Seu layout é perfeito, oh my god >.<
    E o tutorial tá ótimo!
    Seguindo aqui, Beijos. *-*

    ResponderExcluir
  16. Que maravilhoso *-* Amo essas coisinhas de céu.

    Nat
    http://www.trendyzombie.com/

    ResponderExcluir
  17. OMGG' Muito perfeito esse layout! Ficou uma graça ♥

    Adoro nuvens, me lembram a algodão doce. Lindos os backgrounds, adorei o tuto *--*

    Fofa, aceita afiliação?

    Meias Calças Tatuadas | Meu Mundinho Colorido

    ResponderExcluir
  18. Ficou lindos os back c:
    Gostei de toodos :*
    seguindo aqui c:
    obrigado pela visita lá no TA.
    beijos ;**

    Teens Atitude(acesse pelo perfil)

    ResponderExcluir
  19. O resultado ficou demais!
    amore concurso no meu blog! conto com sua participação para concorrer a prêmios demais
    http://criandodesigne.blogspot.com.br/2012/11/concurso-top-model.html

    Inventando Moda

    ResponderExcluir
  20. Daora os Background.. daora o lay do seu bloog ;D (Seguindo ;D _)

    Jhoonasw - www.ejhonas.com

    ResponderExcluir
  21. Que lindo,amei amei amei,muito meigo ft divo. Talvez eu use no proximo layout do meu blog :)

    Te indiquei numa tag la no blog (http://behind-the-paris.blogspot.com.br/2012/12/resposta-meme.html) :D :D

    ResponderExcluir
  22. Peguei alguns tá amor! Ameii! Faz um tutorial de como fazer!

    ResponderExcluir

Retribuo todos os comentários, menos comentários como Seguindo, segue de volta ? ou parecidos, esses NUNCA serão respondidos!
Fora isso fique a vontade para comentar e volte sempre <3