Tutorial - Dois backgrounds no blog + Imagens

7 de set. de 2013 | | |

Olá, tudo bem moças e moços, eu to ótimo!! Viram o novo Layout, feito por mim , e tem aonde eu peguei os tutoriais lá no ultimo gadget, ve lá! enfim hoje trouxe trago um tutorial de dois cabeçalhos no blog, vamos lá?


 Vá em modelo > Editar HTML.
 Aperte Ctrl+F e procure por body { Você irá encontrar um código assim:



body {  font: $(body.font);  
color: $(body.text.color);  
background: $(body.background);}
Apague tudo e coloque no lugar este código:
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; }
Altere o número em vermelho (300) pela altura em pixels do primeiro background. Depois é só substituir as urls das duas imagens nos locais indicados. - dica via - cherry bomb . Veja umas imagens abaixo, Pegue uma com faixinha e outra o background.  click nas imagens primeiro para salva-la em tamanho real, e não liguem a desorganização das imagens!! no tutorial a cima vc precisa por duas imagens, a primeira é a maior com a listrinha e a segunda é o background.






1 IMAGEM





































6 comentários:

  1. Adorei o novo layout *-* Eu amo o Diário de um Banana owo
    O tutorial também é bem legal.

    ResponderExcluir
  2. aadorei o tuto e os backgrounds são lindos , o lay também esta lindo ♥
    http://amor-de-meninaa.blogspot.com.br/

    ResponderExcluir
  3. vc me tirou dos afiliados?
    http://amor-de-meninaa.blogspot.com.br/

    ResponderExcluir