Yo!(descobri que era só com um o) Liiin-san aqui! Hoje vai ter um tuto blogger aqui! Recentemente, estava passando pelo Trechy Teen e vi o lindo cabeçalho de natal, e percebi que como todos os outros oucupa todo o espaço do blog, depois pequisei em uns blogs que conheco e achei o tutorial no Go Imagines um blog super fofo junto com a Anny, e descobri que era um background! Mas antes você precisa de uma imagem transparente um pouco maior que o cabeçalho! Vamos ver?
Materiais:
-Uma Imagem transparente, 50pixels maior que o cabeçalho.
-Um cabeçalho, com um fundo com a cor de sua preferência, tem que ser maior que a largura do blogger, aconselho 1024x400
Let's Go!
1. Hospede a imagem do cabeçalho, e coloque a imagem transparente no lugar do cabeçalho, porque, sem essa imagem os posts e a sidebar vão subir e o cabeçalho original vai ficar por baixo deles, então nem pense em pular!
2.Vá em Modelo>Editar HTML>Prosseguir e procure (CTRL+F) por body {, aparecerá algo assim:
body {font: $(body.font);color: $(body.text.color);background: $(body.background);}
3. Substitua por:
body, html {height: 400px;margin: 0;padding: 0; }
body {background: url("URL do cabeçalho") repeat; }
html {background: #cor; }
Explicação:
400px: Altura do cabeçalho, se seu cabeçalho for maior ou menor que isto troque, se não irá ficar menor ou repetirá!
URL DO CABEÇALHO: Lembra que eu pedi para você hospedar seu cabeçalho, depois de hospedada pegue o link direto e cole aí.
#cor: cor do background que ficará abaixo do cabeçalho.
Pronto!
Liiin
Liiin
Podre
ResponderExcluirEsqueceste-te de acabar a frase ... acho que o unico podre aqui és tu :)
ExcluirOlha Anônimo, sabe que me esforço muito aqui? Eu LUTO para tentar postar aqui, e lá vem tu me chamando de Podre, Você que é podre. Eu tenho um time, Edito Imagens de GRAÇA para pessoas, Faço Layouts de graça para as pessoas. E você? Você vê um tutorial e chama ele e a dona de Podre. O único podre aqui é você.
ExcluirEsse tuto foi milagrosa *OOO*
ResponderExcluirSério, a séculos eu procuro um tuto assim e NUNCA achei, esse blog salva minha vida.
Parabéns flor, o blog é diwo >3<
>3<
ExcluirVocê que é diwa!
Oii, amei o blog, mas nunca consigo entender a parte do do HTML, o meu sempre dá errado, embaixo fica a cor certinha, mas em cima (onde era pra ficar o cabeçalho) fica vários cabeçalhos, não fica só um no canto certinho, me ajudem D:
ResponderExcluir(Fiz no blog teste)
Ajuste a altura.
ExcluirPoxa, não deu certo :(
ResponderExcluirFiz duas vezes e tudo direitinho mas continua não dando certo, o cabeçalho fica bom e no lugar onde deveria, mas embaixo fica branco não sei porque '-'
Diminua o 400px no código pela altura de seu cabeçalho, ai vai dar certo ;)
Excluirowwwwwwwwwww nao e faci criar foto invisivel nao
ResponderExcluirProcure uma foto invisivel bem grande e a corte para a largura do cabeçalho. Isso é facil até em photoscape
ExcluirTem gente que não dá mesmo valor ao trabalho dos outros ein, mas não liguem, adorei a postagem. Parabéns
ResponderExcluirDemais valeu só queria saber como faço para colocar uma imagem no lugar de uma cor no plano de fundo
ResponderExcluirEstava doido atras desse tuto...vou tentar aqui e depois posto se consegui.vlw
ResponderExcluir