Cabeçalho largura total

Bom dia :)

Tuto simples hoje, e daqueles que toda a gente conhece, mas como já disse montes de vezes, este blog é mais para registar os meus próprios códigos e todos os tutos do mundo à minha maneira, para sempre que eu precise, em vez de escrever tudo, copiar e colar >.< Não é para ter sucesso ou fama, embora gostasse imenso se isso acontecesse, e talz...

Nem vale a pena explicar o título, né? Cabeçalho largura total, acho que toda a gente sabe o que é, mas eu darei a opção de usar hovers, para quem nunca teve essa ideia:

Podem ver no meu blog e muitos outros, mas enfim, cá está uma prévia que não deve estar aqui a fazer nada...

Tutorial

Dê Ctrl+F e procure por

body {

Encontrará algo como o código abaixo:

body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

}

Substitua todo esse código por

body, html {

height: 300px;

margin: 0px;

padding: 0px;

}

body {

font: $(body.font);

color: $(body.text.color);

background: url(URL do cabeçalho) repeat;

-webkit-transition-duration: .60s;

}

body:hover {

letter-spacing: 2px;

background: url(URL do cabeçalho em hover) repeat;

-webkit-transition-duration: .60s;

}

html {

background: url(URL do fundo) repeat;

-webkit-transition-duration: .60s;

}

html:hover {

background: url(URL do fundo em hover) repeat;

-webkit-transition-duration: .60s;

}

Voilá, era isto. Não tem nada que saber, se não quiser hovers, simplesmente apague desde a linha com palavra "hover" até fechar a chaveta.