22 setembro 2012

Dois backgrounds no blog!

3a6ae9a4bd4a11e18bb812313804a181_7_large
Hoje,achei um tutu muito útil e decidi compartilha-lo com vocês.Para quem não entendeu o título,veja o print abaixo,com todos os créditos ao Cherry Bomb,assim como o tutu.




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.

Abraços,Sááh!

Nenhum comentário:

Postar um comentário

.Não gostou do blog? Cada um tem o direito de gostar ou não gostar, claro, mas expresse isso de modo civilizado, sem palavrão e ofensas.
.Não tenho nada contra o famoso ''seguindo, segue de volta?'' desde que você comente pelo menos algo sobre o post.
.Eu sempre comento de volta, e se gostar do blog, sigo.
.Viu alguma coisa sua aqui? Me contate e discutiremos o assunto.
Obrigada pelo comentário!