10/05/2014

Dois backgrounds no blog

Olá pessoal, como estão? estou bem feliz, nem acredito que voltei com o FSDD. Como antes, continuarei com os reposts, neste post ensinarei como colocar dois backgrounds no blog, "Como assim Luiz?", dois backgrounds no blog é nada menos que isso:

(Layout do blog Selena Gomez Monitoração; Clique na imagem para ampliar)

Antes de começar o tutorial, darei o créditos os créditos ao Cherry Bomb por tirar o tutorial de lá (link do CB na página "Créditos" no "Extras") e com poucas modificações por mim, clique em leia mais e veja o tutorial:


Vá em modelo > Editar HTML
Clique no código e aperte Ctrl + F e procure por:
body {
E como todos os código bases são mais ou menos assim:
body {
Font: Arial;
Background: #000 url(URL DO BACKGROUND) repeat-x;
}
E agora você coloque em cima do primeiro código:
body, html {
height: 300px;
margin: 0;
}
E em baixo do primeiro código:
html {
background: url (URL DO 2 BACKGROUND) repeat;
}
Ficando mais ou menos assim:
body, html {
height: 300px;
margin: 0;
margin: 0;
}
body {
Font: Arial;
Background: #000 url(URL DO 1 BACKGROUND) repeat-x;
html {
background: url(URL DO 2 BACKGROUND) repeat;
}
Agora mude onde está em negrito, "300" pela altura do primeiro background e coloque os urls onde se pede!
Qualquer dúvida, comente o post!

Nenhum comentário: