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 {3°) Apague tudo e coloque no lugar este código:
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
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.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; }
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 ^^
0 Comentários