15 de dez. de 2012

Dois backgrounds no blog

Devo esse tutorial a Liah, do Cherry Bomb. Dá super certo e eu já usei aqui no blog (view).
Se você quer aprender a como colocar 2 fundos diferentes em seu blog? Fique á vontade e vamos lá!

1º) Vá em "Modelos" e depois clique em "Editar HTML".
2º) Aperte Ctl+F e procure por body } e você verá algo assim:

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

3º) Apague TODO este código e cole isto no lugar do outro:

body, html {
 height: 300px;
 margin: 0;
 padding: 0; }

body {
 font: $(body.font);
color: $(body.text.color);
background: url("URL do 1º background") repeat; }

html {
 background: url("URL do 2º background") repeat; }

Se for preciso, altere o número em vermelho (300) pela altura em pixels do primeiro background. Agora é só substituir as urls das duas imagens nos locais indicados.
Espero que tenham gostado.
Existem algumas combinações e alguns conjuntos tipo esses que a Liah fez:

Conjunto 1
 

Conjunto 2



Conjunto 3



Beijos e fiquem com Deus!

2 comentários:

  1. Amei as combinações, essa cortininha fica super fofa no blog! Vai ajudar muita gente, já que nem todo mundo sabe dar esse "efeito". Gostei, viu? :)

    ResponderExcluir
    Respostas
    1. Oi flor, que bom que gostou.
      Fique a vontade.
      Obrigada!
      Beijos.

      Excluir

Divulgando

Ganhou o game "Quem São" do blog.

Link-me

Image and video hosting by TinyPic

Afiliados