Tutorial : Cabeçalho em toda largura do blog

Olá amores~~
Tem uns dois dias ja que eu postei o tutorial no youtube, mas estava sem tempo de vir aqui editar a postagem com o tutorial para vocês, eu tava meio na bad esses dias, e sem vontade de fazer nada, eu estou ainda trabalhando no layout, e tentando pensar em um layout simples de natal para liberar para vocês e os uteis de natal também né! haha''

Bom trouxe o tutorial que muitos já conhecem, mas trouxe por que ainda há pessoas que não sabem muito sobre ele, não é um tutorial novo, esses modelos de cabeçalho já foram muito usados aqui no blog, esse tutorial pode também ser chamado de dois Backgrounds no blog, mas eu prefiro chamar de cabeçalho que ocupa toda largura do blog, nesse tutorial eu fiz o tutorial fazendo o cabeçalho e como fazer o cabeçalho, e o tutorial de como aplica-lo em html.

Criando seu cabeçalho : 


Aplicando no seu Html: 

1. Primeiramente hospede as imagens em um site ( tumblr, blog, etc ) hospede seu background ( do cabeçalho ) e o background que você vai usar no blog ( o background normal ). 

2. Coloque seu cabeçalho no blog normalmente, > layout > Header ( gadget ) > editar> escolha seu arquivo e salve.

3. Agora vá em modelo > editar html procure por: /* Content voce irá encontrar esse codigo:
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

Substitua o código acima por este:
body, html {
height: 109px;
margin: 0;
padding: 0; }
body {
font: normal normal 11px 'Trebuchet MS',Trebuchet,sans-serif;
color: #999999;
background: url(" url do background do cabeçalho") repeat; }
html {
background: url("url do background do blog") repeat; }
html body .region-inner {
min-width: 0;
max-width: 100%;
width: auto;
}
em height coloque a altura do seu primeiro background.

4. Configurando o cabeçalho para que ele fique certinho no blog (  esta parte do tutorial é para subir ou descer o cabeçalho para deixar ele encaixando no background que vai dar continuidade dele )

Bom é isso amores, espero que tenham conseguido e usem o tutorial, creditem o KT pelo tutorial, o tutorial de dois backgrounds é do CB, Bjs se ouver qualquer problema me falem pelos comentários!


0 coment:

Postar um comentário

Os comentários são moderados pelas donas do blog, então se você desrespeitar alguma de nossas regras seu comentário não será valido. Por favor respeite as regras para mantermos um blog organizado.

- Não xingue um postador ou ofenda algum blog,
- Se quer fazer uma critica faça, mais não criticas bobas apenas para afetar o blog ou para afetar uma pessoa.
- Quer pedir algo por favor use a Ask, para isso, pedidos de afiliação e para ser postador também são todos na ask :3
- Não estamos aqui para criar intrigas, se quer se manifestar em nossos debates por favor seja educado!
- Quando o tempo deixa nos visitamos os blogs que comentam.
- Anônimos não são mais permitidos, por problemas de plágio e uso de materiais e tutoriais sem os créditos, e como é anonimo não consigo saber quem é o culpado, espero que entenda.

Obrigada <3

« »