Débora Alvim: Colocando Dois Backgrounds No Blog

Dois backgrounds Fica muito lindoo.. igual ao meu. Ficou super bacana, e algumas pessoas não sabe fazer isso. Bem, esse tutorial é super rapidinho.. eu até faço ele de olhos fechados!! Mais chega de enrolação e vamos ver o tutorial,.

Vamos lá preste bem atenção no passo a passo a seguir. (se antes quiser fazer um backup do seu layout).

1- Vá em Modelo e em seguida em Editar Html.
2- (se aparecer uma mensagem,clique em Prosseguir ), Depois aperte a tecla'' Ctrl+F '' ou senão, clique em '' F3 ''. e procure por:

/* Content

3- agora apague aquele trecho que vai ficar abaixo até as chaves ' } ', e no lugar dele cole isso:

body, html {
	height: 640px;
	margin: 0;
	padding: 0; }
	body {
	background: url("URL DA IMAGEM 1") repeat; }
	html {
	background: url("URL DA IMAGEM 2") repeat; }
	html body .region-inner {
	min-width: 0;
	max-width: 100%;
	width: auto;
	}

5- agora é só você editar, abaixo esta a legenda:

Vermelho = é a largura do fundo 1.
Laranja = é o url da imagem que você quer que deixe no fundo 1 e o fundo 2. (coloque os url diferentes para ficar, bem legal).

6- se você quiser somente as cores pors exemplo ( Rosa e Roxo ) ou outras cores você vai apagar o que esta escrito:

background: url("URL DA IMAGEM 1") repeat; }
background: url("URL DA IMAGEM 2") repeat; }

por isso:

background: #000000; }
background: #FFFFFF; }
Agora veja a legenda:

Vermelho = o código da cor, do back de cima (fundo 1).
Verde = o código da cor, do back de baixo (fundo 2).

Só isso pessoal, agora visualize veja como ficou, depois é só salvar seu modelo.

Comente, siga..
diga o que achou desse Tutorial...