segunda-feira, 3 de agosto de 2015

Como colocar dois background no blog?

Mickey girl

Oii!

Que tal deixar seu blog mais interessante colocando dois background diferentes? Vamos lá?

Procure por:
body }
irá aparecer assim:

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}


e o que estiver marcado de roxo substitua por este código:

body, html {
height: 670px;
margin: 0;
padding: 0;  }
body {
font: $(body.font);
color: $(body.text.color);
background:#efefef url("url da imagem") no-repeat  scroll top; }
html {
background:#efefef url("url da imagem") repeat scroll; }
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}

ficando assim:

/* Content
----------------------------------------------- */
body, html {
height: 670px;
margin: 0;
padding: 0;  }
body {
font: $(body.font);
color: $(body.text.color);
background:#efefef url("url da imagem") no-repeat  scroll top; }
html {
background:#efefef url("url da imagem") repeat scroll; }
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}

o que está marcado de rosa fucsia será o tamanho da altura do banner (confira o valor da altura do seu banner e coloque o mesmo pra poder ficar adequado)
o que está marcado de azul será a cor do fundo
o que está marcado de vermelho, você irá colocar a url da imagem.

Confira:



Créditos á Cherry Bomb

Obrigada!
Beijos



Nenhum comentário:

Postar um comentário

Hey!
Fique a vontade ao comentar! Sem xingamentos por favor!

Muito obrigada!♥