Dois backgrounds no blog

|
Olá cherries! Já deram os parabéns para as suas mamães hoje? Espero que sim hein? u.u
Desde que eu voltei com o blog, vocês têm pedido para eu ensinar a fazer essa faixa rosa e verde que cobre todo o blog, e hoje eu vou mostrar. Esse tutorial já é conhecido na web, mas talvez vocês não tenham se dado conta de que eu uso ele. Vejam a imagem:


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.

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



Conjunto 3



Antes de terminar, só lembrando que a segunda batalha de blogs já está online lá no face do blog, e vocês já podem escolher o destaque desta semana.
Por hoje é isso! Feliz dia das mães ^^
Kissus,
Liah
Related Posts Plugin for WordPress, Blogger...