Páginas

15 de maio de 2013

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á noface do blog, e vocês já podem escolher o destaque desta semana.
Por hoje é isso! Feliz dia das mães ^^

Nenhum comentário:

Postar um comentário