Creative Perfect: Cabeçalho ocupando toda a largura do blog
1° Tutorial: Faça a imagem do seu cabeçalho, o tamanho você que vai ter que descobrir pois cada monitor tem um tamanho diferente, mas no meu antigo layout o tamanho que usei foi este, logo depois faça uma imagem transparente do mesmo tamanho da sua imagem de cabeçalho.
Vá em Layout > Cabeçalho e coloque a imagem transparente.
Depois vá em Modelo > Personalizar > Plano de Fundo e coloque a imagem de cabeçalho.
Logo após ela carregar ajuste as opções como mostra a imagem a baixo, coloque em "Não dividir em blocos" ou "Dividir horizontalmente" e marque a opção "Rolar com a página".
E agora para mudar a cor do fundo ainda no Personalizar vá em Avançado > Planos de Fundo e escolha a cor que quiser na parte "Plano de fundo externo".
2° Tutorial: Este vai ser por HTML, vá em Modelo > Editar HTML clique na caixinha e depois aperte CTRL + F e procure por body { irá parecer um código mais ou menos assim:
body, html { height: 400px; margin: 0; padding: 0; } body { background: url("URL do cabeçalho") repeat; } html { background: url("URL do background") repeat; }
Mude o 400 pela a altura da sua imagem de cabeçalho, em URL do cabeçalho você coloca a url do seu cabeçalho e em URL do background você coloca a url do seu bg, ou seja, do fundo do seu blog. Se você quiser que a imagem do cabeçalho ou a do background não se repita substitua repeat por no-repeat. Se precisar de algum site para hospedar as imagens de BG e Cabeçalho, vou indicar dois sites: [www] [www]
É isso, espero que tenham gostado do tutorial, qualquer dúvida é só comentar. Lembrando que temos vagas para afiliação, se quiser mais informações sobre como se afiliar ao CP veja o primeiro post do blog. Kisses.
Postado por Deh Queren às 11:17 Marcadores: personalização, tutorial
Sofia Azevedo Rosa 13 de março de 2014 19:18
Oi deh obrigada pelo post me ajudou muuuito! eu queria fazer parte da lista de afiliados! Amo o seu blog!
Deh Queren 13 de março de 2014 22:58
O seu blog não tem os requisitos necessário pra se tornar afiliado do CP ;/ sorry!
Sofia Azevedo Rosa 13 de março de 2014 23:13
Tudo bem Deh eu sei que o meu blog não é tão bom assim...
VITORIA TEODOSIO 14 de março de 2014 19:25
Eu precisava muito desse tuto *-* Mas eu tentei as duas formas e não consegui T^T
Deh Queren 14 de março de 2014 20:16
Hey, eu testei os dois tutoriais e consegui fazer tudo certinho ;/
Qualquer dúvida é só perguntar ^^'
Sofia Azevedo Rosa 16 de março de 2014 18:51
Sofia Azevedo Rosa 20 de março de 2014 21:08
Oi Deh! Sabe um tuto que eu queria super super? Como colocar a blogueira no blog! Vc pode me ajudar??????
Alissa Fernandes 31 de março de 2014 21:13
Gostei bastante do tudo, queria seguir seu blog, mas não consigo :l beijos!
Lauzinha Olavo 27 de abril de 2014 20:14
Oi Deh!Eu vir pedir para seu blog ser colaborador do meu to criando.
Aqui está o link:http://lauzinhaolavo.blogspot.com.br/
nae s. 10 de junho de 2014 19:40
Muito bom o tutorial, adorei!
Unicorn~Chan 1 de julho de 2014 16:23
Pois é, sempre tem uma primeira vez ! Também sou muito preguiçosa, é meio difícil que eu acorde cedo, mas às vezes acontece, fazer o quê :P
Achei esse(s) tutorial(ais) muito fácil(eis) de se aplicar; vale a pena, o resultado fica lindo !
Isabelle Campos 23 de janeiro de 2015 13:14
Otimo tuto, sempre quis saber como coloca-lo .... Explica muito bem. Se puder seguir meu blog fico agradecida. PS: Estarei sempre acompanhando