Tutorial - Como colocar dois backgrounds!

10:00

Tumblr_lw5nqyvvhs1r16lnco1_500_large
I LOVE RILAKKUMA

Como eu amo colocar fotos que não tem nada a ver com o post! kkk... Faz tempo que não posto um tutorial de designer! (Afinal desativei o blog néh? kkk)... 
Então hoje vou ensina-los a colocar dois backgrounds, pode não parecer mas o designer do blog neste momento está com este efeito aplicado, acontece que os backgrounds são os mesmos! Mas você pode colocar dois deferentes e deixar um efeito interessante, aqui está uma lista com blog que conheço que usa este efeito! 


Infelizmente só conheço ou me lembro de de um blog, por isso nossa de blogS com este efeito está só com o menina nerd! (kkk).... Vamos ao tutorial!???
 Vá em modelo - editar HTML e procure com o Ctrl F a frase.: body {

Deverá aparecer assim.:

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

 Apague tudo e cole este código no lugar! .:

body, html {
height: 295px; 
margin: 0;
padding: 0;  }
body {
background: url("Endereço do primeiro Bakcground") repeat; }
html {
background: url("Endereço do segundo background") repeat; }

 Mas para ter um efeito melhor você pode colocar um para repetir por todo elemento e outro para não repetir! Para isso use esta tabela.... 

repeat; repete por todo o elemento
repeat-y; repete na vertical
repeat-x; repete na horizontal
no-repeat; não repete

By:Elcimar, Kumma ou Andy! kkk




Você também pode gostar:

Comentários
17 Comentários

17 mil comentários

  1. BACANA SUA DICA...

    ABRÇS
    BRUNO JP TEIXEIRA - O PORTUGA

    ResponderExcluir
  2. Eu já havia visto no Menina Nerd, é um tutorial bem útil!

    Beijos,
    http://paraisodemenina.blogspot.com/

    ResponderExcluir
  3. Adoreeei o tuto *-* Ás vezes uso no meu próximo lay...

    Beijão
    Ana
    meninasantenadas.tk
    PS: Tem como me adc no msn antenadastk@hotmail.com para conversar a respeito da re-blogagem do meu post?

    ResponderExcluir
  4. ja conhecia esse tutorial..
    é bem útil!

    Bjs
    http;//blogportalteen.blogspot.com

    ResponderExcluir
  5. Adorei o tutorial talvez eu faça no meu blog
    teen-girl-fashion.blogspot.com

    ResponderExcluir
  6. Oba, oba tutorial! *o*
    Quem sabe não use isso no TB ~* alguma vez? hehehe mesmo sem saber mexer com HTML/CSS e afins uahsuauhs
    Obrigada de ♥ por me deixar reblogar Kumma! (vou fazer isso logo) Sempre que quiser, pode reblogar alguma matéria minha também! :D
    Beijão! =)
    OBS.: Amo Rilakkuma também >.<
    http://teenblogumblogpravoce.blogspot.com/

    ResponderExcluir
  7. Esse tutorial é ótimo, a Andreza arrasa com tutoriais ^^

    Ecleticus / @Twitter

    ResponderExcluir
  8. Olá...amei seu cantinho,gostei da maneira que conversa com suas seguidoras e estou seguindo,ficaria muito feliz se você me seguisse de volta..seja bem vindo..bjs
    http://simonebastos2007.blogspot.com

    ResponderExcluir
  9. Nossa quanto tempo fazia que eu não entrava aqui, você ficou um tempão fora não é? Mas oque importa é que ta tudo lindo aqui! http://abostaquadrada.blogspot.com/

    ResponderExcluir
  10. Ótimo tutorial! Mais prefiro um background,to seguindo,o seu blog,segue o meu? Bjs,assim vc me ajuda na meta de 300 seguidores.

    www.girlteenlinda.blogspot.com

    ResponderExcluir
  11. hahaha que legal seu blog!!! Muito lindo e fofo, vou visitar sempre!!! bjs

    http://therevolucaonerd.blogspot.com

    ResponderExcluir
  12. Vou fazer um post sobre esse filme sim!
    HSUAHUSAHSU, obrigadíssimo pelo comentário e os elogios, cara! Foi HILÁRIO! Mesmo! Tinha que contar!
    Obrigada pela visita!
    Um beijo :*
    Layla, peacetime1.blogspot.com

    ResponderExcluir
  13. Layla imagino a cena... deve ter sido de matar de rir! kkk

    ResponderExcluir
  14. Voltei aqui hehe pra atrapaiar kkkkkkk adoreeei esse tutu faz tempo que pesquiso no google e nada vou usar no proximo lay concerteza *---*

    pinkmushrooom.blogspot.com

    ResponderExcluir
  15. Que bom que gostou Reeh! Fico feliz que tenha achado ele aki! kkk Boa sorte mesmo com o próximo lay!

    http://acessopermitidoblog.blogspot.com/

    ResponderExcluir
  16. Taloez eu use *-* (TALOEZ- Kkkk)
    diarioblog-net.blogspot.com

    ResponderExcluir

Já curtiu?

+ Lidas