Yoo
eeeeeeeeee sexy Laddie
Ei gente! Trouce um tutorial super fácil e muito útil para seu blog! Então esse tutorial e de como por o cabeçalho em toda a largura do blog ele ficara assim.
É bem simples de fazer e existem duas formas, uma com HTML e outra sem! Go!
Obviamente você vai precisar de uma imagem (cabeçalho) pra colocar no background. Recomendo a largura1365px mas pode ser maior. Quanto a altura, 400px tá de bom tamanho.
Você também vai precisar de um cabeçalho transparente, pra que? Porque sem nada no cabeçalho, as postagens e a sidebar vão para cima e vão tapar seu background, então já faça uma imagem transparente de altura um pouquinho maior que o back e coloque no lugar do cabeçalho normal (no gadget do cabeçalho na guia design)
Você também vai precisar de um cabeçalho transparente, pra que? Porque sem nada no cabeçalho, as postagens e a sidebar vão para cima e vão tapar seu background, então já faça uma imagem transparente de altura um pouquinho maior que o back e coloque no lugar do cabeçalho normal (no gadget do cabeçalho na guia design)
1ª forma: Pelo designer do modelo
Essa é a maneira que eu mais recomendo, pois é bem mais prático e fácil do que da outra forma que vou ensinar, 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!
2ª forma: Pelo HTML
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°) 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: #cor; }
Substitua onde esta escrito "URL do cabeçalho" pela url da imagem e onde está #cor coloque o código da cor que desejar. escolha a cor que você quer Aqui Lembre-se de mudar a altura (400px) para a altura do seu cabeçalho/back!
Não se esqueça de comentar!
Beijos!
Muito útil esse tutorial! Eu sempre quis por no meu blog assim! *-*
ResponderExcluir