segunda-feira, 14 de janeiro de 2013

Tutorial - 2 backgrounds no Blog



Oii Amoras

Eu sei que estou postando pouco, devo um Lay novo para esse Blog e tal. Mas estou sem inspiração para tudo ultimamente, para postar, para o Lay, até para os meus desenhos. E além de tudo não tenho mais vontade de postar. Não se preocupem nunca irei deixar vocês, irei tentar achar inspiração de algo.

Hoje irei ensinar um tuto super famoso e muito usado. É como colocar dois fundos no Blog. Acho que todo mundo já conhece né? Mas vou ensinar ;3





Vá em modelo > Editar HTML
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);
}
 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. 

Créditos: Cherry Bomb

Nenhum comentário:

Postar um comentário