19.7.13

Colocando dois Backgrounds no Blog

Sabe aqueles dois backgrounds que tem no Evelyn's Place, pois então vou ensina-lo aqui como faze-lo, é fácil, mais exige bastante atenção! clique em leia mais para ver o tutorial :)


Clique para ampliar a imagem.
Eu peguei um exemplo do Evelyn's Place então vamos lá ...


1° passo Vá em Design, depois em Editar HTML dê Ctrl + F e procure por:
body {
depois de ter encontrado, vai aparecer um trecho assim:
html body .region-inner {
  min-width: 0;
  max-width: 100%;
  width: auto;
}
Pra colocar os dois Backgrounds precisa apagar tudo isso.
 Cole no lugar que você apagou o seguinte código:
body, html {
 height: 300px;
 margin: 0;
 padding: 0;  }
body {
background: url("URL do 1º background") repeat; }
html {
 background: url("URL do 2º background") repeat; }
Agora é só colocar as URLs das imagens e visualizar pra ver se está tudo certo em seu devido lugar.
Detalhe: para aumentar ou diminuir o espaço do 1° Background é só mudar o tamanho destacado em Negrito.

Creditos : http://blog-garotadescolada.blogspot.com.br

2 comentários:

  1. oi pode me dizer como se coloca esses porquinhos pulando?
    e tambem o mouse, quando clica salta um monte de estrelinhas!
    pode me dizer como colocar os dois?

    ResponderExcluir
  2. bom florzinha o porquinho eu tirei então se eu encontrar o tutorial eu te falo e o cursor eu ja fiz um tutorial

    http://blogpatricinhasestilosas.blogspot.com.br/2013/07/clic-com-efeitos-no-cursor.html

    o codigo do tuto

    ResponderExcluir

。 Ei carinha fofa >< seja gentil e não seja mal - - Educado :D
。 Cupcakes de morando deixe o link do seu blog eu visitarei
。 De sua opnião ,, mais se for muito mal eu não me aguentarei de raiva ...
。 Respondo todos os comentários rsrs... ... ... ...
。◕‿◕。 Hey... e obrigada pelo comentário use nossas carinhas

❣◕ ‿ ◕❣ ✿◕ ‿ ◕✿ ❀◕ ‿ ◕❀
❁◕ ‿ ◕❁ ✾◕ ‿ ◕✾ ◡‿◡✿
✿◠‿◠ ≧◔◡◔≦ ಥ_ಥ
≧�◡�≦ ≧^◡^≦ ≧✯◡✯≦
✿⍲◡⍲ ◕‿‿◕ ( ● ω ● )>(o゜ェ゜o)