Tutorial - Cabeçalho em todo o blog

Yoo ~

Hoje eu to muito feliz, aconteceram três coisas muito importante, estreou a 2ª parte de duas séries favoritas que eu estava esperando faz tempo, e minha mãe assinou NET \o/. Bom, eu to gostando bastante de como as postadoras estão postando hoje, muito bom o desempenho de vocês, vi também que muitos gostaram da versão mais ajeitada do layout, muito obrigado pára quem gostou <3

Mais em fim, ainda com os requests, pediram para que eu ensinasse de como deixar que o cabeçalho ocupe todo o blog. Pra quem não sabe essa faixinha, onde está o menu faz parte do cabeçalho, o processo é quase igual ao do back com icons, mais diferenciando um pouco. Vamos lá ~

- Crie um cabeçalho do tamanho de 1365x400, com certeza ela irá se ajustar á todo tipo de tela. Hospede ela e guarde o link .

 Para aplicar temos duas maneiras. 1 que é facil mais deixa o background estranho, e a outra que é mais ou menos mais deixa uma perfeição. 

Essa é a maneira que eu falei que é fácil mais estranho, mas tem um porém: Só da pra fazer upload de imagens com até 300KB, no meu caso não deu, pois a minha imagem é bem maior. Então se sua imagem tem mais que 300KB tente a outra forma porque essa não dá :(

Após ter feito a imagem vá até: Design >> Designer do Modelo >> Plano de fundo e faça o upload da imagem, deixe na opção "não dividir em blocos" ou "dividir horizontalmente", as duas são boas!

Para deixar o fundo cinza no resto do blog, vá em Design >> Designer do Modelo >> Avançado >> Planos de fundo e na caixinha "Plano de fundo externo" coloque a cor que desejar.

- Pelo HTML

- 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);

}

- Substitua o código acima por esse:

body, html {

height: 400px;

margin: 0;

padding: 0; }

body {

background: url("URL do cabeçalho") repeat; }

html {

background: url("URL do background") repeat;

}

Substitua onde esta escrito "URL do cabeçalho" pela url da imagem e onde está ''URL do background''  coloque a url do background que ficará em baixo do cabeçalho. Lembre-se de mudar a altura (400px) para a altura do seu cabeçalho.

Créditos : ♥♥ u3u