17 de jan de 2013

Como colocar 2 Backgrounds


Yoo Minna-san ^-^
Hoje eu trouxe um tutorial bem simples e fácil de entender.
Eu aprendi a colocar os 2 backgrounds com o tutorial do Kawaii World então eu peguei esse mesmo hehe
Créditos ao Kawaii World
 Vamos ao Tutorial?


Vocês já devem ter percebido que ultimamente a maioria dos blogs tem 2 backgrounds.
Um exemplo de Blog que tenha 2 backgrounds é aqui mesmo. 
Primeiro background é o de cima e segundo é o comum que fica embaixo.
Como eu disse antes, é bem fácil de colocar!
Acho que a única coisa que complica um pouco é ajustar a altura, apenas...

Para colocar 2 backgrouns em seu blog, siga os seguintes passos:

Vá para a HTML do seu blog e procure por body { e se você não tiver
editado nada, irá aparecer o seguinte código

body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

 Apague todo o código e no lugar dele cole


body, html {
height: ALTURApx;
margin: 0;
padding: 0; }
body {
font: $(body.font);
color: $(body.text.color);
background: url("LINKDOPRIMEIROBACK") repeat; }
html {
background: url("LINKDOSEGUNDOBACK") repeat; }

 Altere o que está em negrito.
Na altura você deve colocar a do seu background que fica na parte de cima e depois é só hospedar e substituir onde está indicado. 

4 comentários:

  1. ótimo tutorial ^^ Já conhecia. c:

    Beijos ~
    ~ APPLES FLYING - http://blog-wonderland-cherry.blogspot.com.br/
    VISITA?

    ResponderExcluir
    Respostas
    1. Gomen a demora :c
      Obrigada, já visitei seu blog e estou seguindo ^w^

      Excluir
  2. Hello~ gostaria de fazer uma parceria com você !
    caso esteja interessada, dê uma passadinha no meu blog :3

    Reinado das Otomes Kawaiis

    xoxo~

    ResponderExcluir
    Respostas
    1. kyaaah sugoi *W* Adoraria fazer parceria com seu blog, a propósito eu adorei ele.

      Excluir