22 de setembro de 2012

Colocando 2 background no blog


Entederam? Eu uso um primeiro background que tem a faixa, e é da mesma altura do cabeçalho, assim as imagens se completam. E o segundo background que eu uso é o cinza simples, que cobre todo o resto do blog. Legal né? Veja agora o código que você deve usar para fazer isso.Bom aqui eu ensino como fazer seu própio background duplo.confira

1°) Vá em modelo > Editar HTML.
2°) Aperte Ctrl+F e procure por body { Você irá encontrar um código assim:


body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}
 3°) Apague tudo e coloque no lugar este código:

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; }
Altere o número em vermelho (300) pela altura em pixels do primeiro background. Depois é só substituir as urls das duas imagens nos locais indicados.
Gostaram? Esperem que ainda não acabou! Fiz três conjutos de backgrounds para vocês usarem nesse tuto. Peguem a vontade, mas quando usarem dediquem um espacinho do seu blog para por os créditos ao cherry bomb. ;)

Conjunto 1



Conjunto 2







2 comentários:

  1. Respostas
    1. OI, você gostou? tem muitas outras dicas aqui no blog! Confira! Entre em contato comigo em : mariaclararso72@gmail.com

      Excluir