19 maio 2012

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




12 comentários:

  1. Amamos o seu post,maravilhoso,estamos sempre por aqui conferindo tudas as novidades.
    Desejamos a vc um ótimo domingo.
    Super beijos da Glorinha.
    Estamos co a campanha G+1 e contamos com a sua participação
    http://sbrincos.blogspot.com

    ResponderExcluir
  2. Adoei o tutorial, vou usar-lo em meu proximo lay!

    Beeeeijos
    #Nhaaac >>>http://the-lovers-official.blogspot.com/

    ResponderExcluir
  3. Gostei do tutorial!
    É bem simples de fazer, pensava que era mais dificil. Não sabia como fazia.
    Obrigada por postar

    http://novidadesdatekinha.blogspot.com

    ResponderExcluir
  4. >>> muito bom esse post, amei muito. sempre adoro os
    seus tutoriais... beijos, veje o meu blog também!!

    Kailane Receitas >>> http://receitadakaka.blogspot.com/

    ResponderExcluir
  5. legal seu blog, parabens! sucesso!

    http://kelecatura.blogspot.com.br/

    ResponderExcluir
  6. Mtooo legal seu blog, demorei de comentar q tva olhando os posts, ai perdi o tempo xDD parabens!

    http://kelecatura.blogspot.com.br/

    ResponderExcluir
  7. ótim tutorial ^^^

    cherryseublog.blogspot.com.br

    ResponderExcluir
  8. Ah já usei mt esse tuto, fica mt massa!



    BEIJUXX
    http://ianapaulinhaaaa.blogspot.com.br/

    ResponderExcluir
  9. Amei o tuto, mt legal :)
    To seguindo linda, se der da uma passadinha no meu meu também, beijo
    http://bmocassim.blogspot.com.br/

    ResponderExcluir

Créditos Blog Conectada| www.blogconnectada.blogspot.com - 2014 // Todos os direitos reservados // Para encomendar entre em contato.