Image Map

24 julho 2013

Tutorial: 2 Backgrounds no blog

I, I love you like a love song, baby ♥
http://4.bp.blogspot.com/-dg0Y1a3bujs/UbtdUYDNnyI/AAAAAAAAJ-A/wG4suqd3v6A/s1600/forumpostnew57.PNG
Hey babys ωˇ

Olá habitantes da unicornilandia 'u' Eu estou congelando cada vez mais, oh meu Deus.

Vamos logo ao que interessa, o tutorial! Se já viram pelos blogs à fora, já viram que muitos deles usam dois backgrounds e tal, essa nova moda de dois backgrounds dá um toque e design muito legal no blog, e hoje vamos aprender a coloca-los. Let's go? *u*


1 - Vá em Modelo > Editar Html > Ctrl+F e pesquise por body { irá aparecer o seguinte código:
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

2 - Apague o trecho indicado acima e coloque este código no lugar:


body, html { height: 300px; margin: 0; padding: 0;  }
body { font: $(body.font);color: $(body.text.color);background: url("URL do 1º background") repeat; } html { background: url("URL do 2º background") repeat; }

Onde tem "URL do 1º background" e "URL do 2º background" é onde você irá colocar a url dos backgrounds (só acho né, k, me poupe!). 
3 - Edite com as urls dos backs, salve e visualize para saber se esta tudo certo; se não, repita o tutorial com mais atenção ou pergunte nos comentários.

Créditos ao Cherry Bomb.

7 comentários:

  1. Gostei do tuto muito útil me ajudou. obrigada
    E o seu blog é muito lindo e fofo.
    Visita meu blog: http://cherrykawaii-14.blogspot.com.br/
    e segue ele por favor eu já estou seguindo o seu, me ajuda a atingir minha meta e você aceita afiliação? se sim me fala. Obrigada pela atenção

    ResponderExcluir
  2. ♪ And I keep hittin re-pe-pe-pe-pe-pe-peat ♥
    Tu é selenator? *---*
    É muito útil esse tutorial. Maioria dos meus layouts eu uso. *-*
    Ótima postagem :33

    nerd-descollada.blogspot.com

    ResponderExcluir
  3. Amei, muito bom!
    Gatinha estou atualizando o meu canal com vídeos semanais, visite e se gostar se inscreva, é muito importante pra mim! Beijinhos.
    Canal: https://www.youtube.com/user/isabelyrogrigues
    Blog: http://fasesdegarota.blogspot.com.br/

    ResponderExcluir
  4. Também estou congelando ç3ç
    Adorei o tutorial, muito útil :3
    Cute Ayumi

    ResponderExcluir

|