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:
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
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... |