Cabeçalho ocupando toda a largura do blog

08:52 0 Comments A+ a-


Bom gente, hoje trouxe um tuto, ele me foi muito útil esses dias na construção do novo layout do blog.
Quem quiser aprender é só continuar lendo.


Vá no seu HTML primeiramente. Tecle Ctrl + F e procure por:
 font: $(body.font);

Você encontrará mais ou menos assim: 


body {
font: $(body.font);


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




Substitua todo o código acima por esse:
body, html {
height: 400px;


margin: 0;
padding: 0; }
body {
background: url("URL do cabeçalho") no-repeat; }
html {
background: url("URL do background") repeat; }



As instruções já estão no código mesmo, só seguirem ok?

Caso você não queira que a imagem se repita, coloque 'no-' antes de repeat.
Ficará assim: no-repeat.
repeat-x (serve para fazer com que a imagem se repita na horizontal.)
repeat-y (serve para fazer com que a imagem se repita na vertical.)
no-repeat (faz com a a foto não se repita.)
repeat (faz com que a imagem se repita tanto na horizontal, quanto na vertical.)


Bem gente, é isso, espero que tenham gostado e que seja útil!
Beijos <3

Sou Nathalia Nates, adolescente, confusa, que não sabe o que quer da vida, e por isso tenta de tudo(desistindo na maioria das vezes por ter medos e inseguranças).

Nasci em uma pequena cidade do norte do paraná, onde moro até hoje, com meus pais e meus dois cachorros.