Dois backgrouns no blog

Olá pessoas!!

Só eu quem sangrou pelo nariz ao ver esse cachorrinho aí? *-*

Isso me lembra que eu tinha uma cadelinha pretinha dessa mesma raça, mas quando ela completou 1 ano descobriu que ela tinha Calazar, uma doença que pode ser fatal, e então ela teve que ser sacrificada T^T

Enfim (sniff...), trouxe esse tutorial bem básico para vocês, mas que fica lindo no blog e lhe poupa de vários esforços em vão.

"Mas como assim dois backgrounds?"

Falando de outra maneira, é um jeito muito mais fácil de você colocar seu cabeçalho pegando de um canto ao outro da tela ^^

Vamos ao tutorial?

Nível de dificuldade: FÁCIL

Bom, se você quiser fazer seu cabeçalho pegar de um canto ao outro, tire um print scream de sua tela toda, depois meça a largura e por fim, faça seu cabeçalho na altura que preferir.

Vá no HTML de seu blog (Modelo > Editar HTML), dê CTRL + F (ou F3) e procure por: /* Content

Logo abaixo dessa tag, você encontrará o seguinte código:

body { font: $(body.font); color: $(body.text.color); background: $(body.background); } html body .region-inner { min-width: 0; max-width: 100%; width: auto; }

Apague-o e substitua por:

body, html { height: 315px; /*Altura do Cabeçalho*/ margin: 0; padding: 0; } body { font: normal normal 13px Calibri; /*Fonte do blog*/ color: #666666; /*Cor da fonte do blog*/ background: url("LINK 1") repeat; } html { background: url("LINK 2") repeat; }

No código já está mostrando tudo o que você precisa fazer. Lembrando que o "Link 1" é o que deve ficar em cima, ou seja, do seu cabeçalho. Não esqueça também de alterar a altura dele.
Bom, como falei no início, é um tutorial bem simples e útil ^^
Até o próximo post o/

Ah, eu gostaria de lembrar que as vagas de afiliação estão abertas ^^ Beijinhos :3