Créditos: ♥ - OBS.: Gente, visitem o blog novo (e lindo) da Kelly, o Like Critics, que fala sobre livros, filmes e jogos :3
O tutorial é super simples, e dá pra usar dos dois modos, mudando os tamanhos. Esse tutorial eu uso muito em layouts, fica super lindo e dá um toque muito mais especial neles! :D
Pra quem não sabe como é, aqui o print:
Abra o html do seu blog e clique em "Expandir modelos de widget". Depois disso, tecle ctrl+f e procure por:
body {Você vai achar um código mais ou menos assim:
body { font: $(body.font); color: $(body.text.color); background: $(body.background);}Apague todo ele e cole o seguinte 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; }
Aí é só editar esse código. O 300px é a altura do seu primeiro background (pode/deve editar) e os outros estão óbvios, né? Qualquer dúvida só comentar!
OBS.:
primeirooooooooooooooooo <3
ResponderExcluirPC adorei o tutorial eu ja conhecia mais valeu a pena bom que outra pessoas comecem a saber, gostaria que desse uma passadinha la no meu blog ta com novo layout rs um super beijo adorei o post.
www.levigustavodicas.com
Obrigada, bom que gostou *---* Pois é, ajuda muito :3
ExcluirHahahaha adorei o resultado <3
ResponderExcluirDesconstruindo Amélia
Obrigada, bom que gostou *3*
ExcluirPC, Já conhecia o tutorial. Porém mesmo assim, tenho que ressaltar que seus leitores irão amar o efeito, é simplesmente perfeito, ajuda muito na criação de algo mais profissional! <3
ResponderExcluirACESSO PERMITIDO. <3
Retribui?
Oown, que bom que acha *---*
ExcluirAdoooooro esse tutorial, atualmente ando usando ele frequentemente nos meus layouts *-* Óooootimo, tuto!
ResponderExcluir-Epílogos e Finais.
-Underground Icons - Segue?
Aaaah, que bom que gosta *----* Eu também :33
ExcluirAmeeeeeeeei esse layout <33333333
ResponderExcluirOOown, brigada >< Fico feliz que tenha gostado :3
ExcluirAh *-*
ResponderExcluirVou guardar o tutorial pro meu próximo lay,
Achei que fazer isso era tipo , missão impossível.
Amei .
http://www.natendencia.com/
Aaah, okok *---* Nossa, hahaha >< Mas bom que gostou :3
ExcluirAdorei o tutorial, mas tenho uma dúvidazinha: se eu quiser fazer o cabeçalho junto com o bg, como o daqui, eu preciso fazer ele da largura do blog pra não ficar se repetindo, né?
ResponderExcluirKissus!
i-deiasdeumagarota.blogspot.com
Sim sim ^3^ Se eu não me engano, eu uso 1500px de largura aqui :3
ExcluirMuito top esse efeito... Quando eu trocar o lay do blog eu vou colocar ele com certeza...
ResponderExcluirDiamante Negro
Obrigada, bom que achou :D
ExcluirOkok ^3^
Fica lindo o resultado <3
ResponderExcluirBeijos :*
Emfrente-aoespelho.blogspot.com
Obrigada, bom que achou :3
ExcluirEu tenho uma dúvida, sabe aquelas informações que ficam na parte de cima do blog contato- parceria - selinhos - , eu não sei como colocar no meu blog pois fica tudo na lateral, e perco espaço para colocar outras coisas se puder me ajudar agradeço meu e-mail donadecasatambemsearruma@gmail.com
ResponderExcluirhttp://blogdonadecasatambemsearruma.blogspot.com/
http://deusguianossospassos.blogspot.com/
Aaah, vou tentar te ajudar ^u^
ExcluirO efeito é simplesmente super fofucho! Amei o tuto,você explica sempre muito bem e é super fácil fazer.
ResponderExcluirBeijinhos flor
universoteengirl-porlarissa.blogspot.com
Ooown, brigada >< Bom que gostou *----*
ExcluirAdorei o tutorial, bem fácil e fica lindo, pena que nunca consigo fazer um cabeçalho legal
ResponderExcluirbeijos
Obrigada, bom que gostou :3 Poxa :C
ExcluirAdorei o tutorial,bem legal.
ResponderExcluirBeijos
Feliz Dia da Mulher
Obrigada, bom que gostou C:
ExcluirInfelizmente não sou boa com cabeçalhos rsrs,achei ótimo o tutorial,feliz dia da mulher para vocês *-*
ResponderExcluirhttp://dienylady.blogspot.com.br/
http://dienyladyy.blogspot.com.br/
Aaah, obrigada ^u^
ExcluirEu acho que fica muito fofo!
ResponderExcluirGostei do tutorial, ficou perfect.
Beijos,
sonhosde-primavera.blogspot.com.br
Obrigada, bom que gostou :33
ExcluirAdorei o tutorial, sempre que eu faço não dá certo, vou tentar novamente, aqui no P.C é sempre mais explicadinho hahah u_u
ResponderExcluirBeijos <3
http://garotasatrevidas-s2.blogspot.com.br/
Ooown, brigada >< E boa sorte :33
ExcluirEsse tutorial parece mto útil para várias pessoas, mas não gosto mto de personalizar meu blog (pura preguiça!)
ResponderExcluirObrigada e feliz dia da mulher para vc também =)
Aaah, obrigada, acho, hahaha
ExcluirOk, hahaha >< E obrigada² o/
Eu já conhecia esse tuto, já usei no meu blog, sabendo usar, fica um resultado lindo demais :D
ResponderExcluirAdorei o tuto ^.^
Beijinhos
Facebook do blog
conversando-com-a-lua.blogspot.com.br
Fica mesmo :D
Excluirsuper facil e legal!
ResponderExcluir@esteffanifontes, do blog Aos Dezesseis Anos
aosdezesseisanos.blogspot.com.br
Bom que achou :D
ExcluirNão conhecia esse tuto, gostei e pode ser útil.
ResponderExcluirFeliz dia da Mulher...
Beijos
neversaynever-believe.blogspot.com.br
Ele é o/ Bom que gostou :3
ExcluirObrigada, pra você também ^u^
Estou tão feliz por ter postado este tutorial, super adorei Paulinha *---*
ResponderExcluirBeijinhos!
Eternal-Bella.Blogspot.Com|Precisando de seguidores, ajuda?
Ooown, que bom que gostou, fico feliz, Bella ^^
Excluirkkkkkkkk
ResponderExcluir