Cabeçalho com uma faixa

Oi oi gente! Muitas meninas estão mandando e-mail perguntando sobre esse meu cabeçalho com uma faixa preta e uma cor diferenciada exclusiva para a região. Depois de muitos pedidos, resolvi fazer um tutorial explicando como dar esse efeito, sim, isso não passa de um truque no html. Vamos lá: Primeiro de tudo, você precisa colocar seu menu no cabeçalho (www), feito isso, vamos seguir:

 Vá no seu html, dê um CTRL+F e procure por:

Body {

 Você vai encontrar um código logo abaixo dele, mais ou menos assim:

body {
 font: $(body.font);
 color: $(body.text.color);
background: seu background e tal;

 Apague a tag background e substitua por essa:

background: url(url da parte do cabeçalho, a faixa) repeat-x;
}
html {
background: url("url do background para o resto do blog") repeat; }

 Plum, como eu crio um background-faixa pra mim?

Tire as medidas certas do seu cabeçalho. Em seguida crie uma nova imagem com alguns pixels a mais, tanto na largura quanto na altura. Exemplo:

Se seu cabeçalho for 864 x 239, sua imagem deverá ter mais ou menos 982 x 266, pare que fique exatamente bem alinhada. Se sobrar, é só ajustar depois. Sua imagem pode ser uma cor lisa ou no estilo background, você decide. Mas é importante fazer um retângulo preto no estilo menu, claro!

Bom galerinha, como podem perceber, não tem nada de especial nisso. Espero de coração que vocês tenham curtido, em breve trarei mais tutoriais pedidos, não esqueci de vocês ♥