quinta-feira

Cabeçalho em Toda Largura do Blog












Oiie leitores!! Como já devem ter visto, temos uma postadora nova aqui no blog, aliás, duas postadoras novas, mas uma não postou ainda, rsrs. Agora estou à procura de um postador menino, então se você se interessar, me adiciona no Face, aqui, ai conversamos...

Voltando ao assunto que é o título do post, vou ensinar a colocar o cabeçalho, ou banner, ocupando toda a largura do blog. Este tutorial você pode encontrar no Go Imagine... Ele vai ficar tipo o do blog, veja:




Eu sempre crio o banner nas dimensões 1354px de largura e 400px de altura, mas às vezes faço a largura menor um pouco pra diferenciar... Vamos aprender então!

A primeira coisa a fazer, é ir no HTML e pesquisar por body {. Você vai encontra o seguinte código:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}

Apague o código encontrado acima e substitua por este.
body, html {
height: 400px;
margin: 0;
padding: 0; }
body {
background: url("URL do cabeçalho") repeat; }
html {
background: #cor; }

Faça as alterações em HEIGHT, que é a altura do seu cabeçalho; Em "URL do cabeçalho", troque pela url da sua imagem; Em #Cor, substitua pela cor do fundo do blog...

Prontinho, é só visualizar e se estiver tuto certo salve... Até mais pessoal!

10 comentários:

  1. Nossa que fácil* ótimo tuto!
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
  2. Eu estava louca atrás desse tutu. *o*

    http://garotaresenhas.blogspot.com.br/

    ResponderExcluir
  3. Adorei, eu acho que no Go Imagine estava confuso .-.
    Abraços :D
    www.caprichosdegarotas.tk

    ResponderExcluir
    Respostas
    1. No G.I, tinha duas formas de cocolar, uma pelo "Personalizar" do blogger e a do HTML...

      Excluir
  4. Sempre tento usar desse tipo, mas sempre os posts e sidebar ficam um pouco em cima do cabeçalho.

    littlethingoficial.blogspot.com

    ResponderExcluir