28.2.14

07. M.T.: Dois backgrounds no layout [editado]

07. Maratona de Tutoriais: Como colocar dois backgrounds no layout

divas *--*

Olá cupcakes do meu coração,
Só resolvi postar esse tutorial por conta de um outro tutorial que irei fazer, esse será apenas uma base.

então vamos lá, clique em "leia mais" para vê.


Um exemplo para quem não entendeu:

[clique na imagem para vê-la melhor]


Bem, então é isso!

Vá em Modelo > Editar HTML > Formatar Modelo > CTRL+F > Procure por body {

Eu acho que tem dois "body {" mas certifique-se que terá esse código abaixo


body {
  font: $(body.font);

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


Apague tudo e cole esse código 

body, html {
 height: 300px;
 margin: 0;
 padding: 0;  }

body {
background: url("URL do 1º background") repeat; }

html {
 background: url("URL do 2º background") repeat; }


Eu coloquei em vermelho onde você colocará o background e azul é o número que dita até onde o primeiro background vai e onde o segundo começa, você pode modificar o número de acordo com sua vontade ou até onde o seu cabeçalho vai (se seu cabeçalho for 300, sugiro que coloque algo acima de 300, por exemplo).

Eu não vou deixar backgrounds, no final do post, como todo mundo faz. 
Mas eu vou ensinar como achar: 

Se caso você queira um background branco, procure no google em inglês algo como:

White background tumblr
Caso queira preto:
Black background tumblr 
Se você não sabe o nome das cores em inglês, o google tradutor pode ajudar. 

"E por que 'tumblr'?"

Os backgrounds são melhores lá, acredite ou não, eu prefiro os de lá.

"Mas por que procurar em inglês?

Fica mais fácil de achar, muita gente disponibiliza coisas no tumblr em inglês mesmo sendo daqui.

Não esqueça de dar créditos caso saiba da onde você pegou.
Caso queira fazer algo como eu que não coloquei imagens e sim cores, faça assim:
body, html {
height: 300px;
margin: 0;
padding: 0;  }
body {
background: #F5F5F5; }
html {

background: #BEBEBE; }

Tabela de cores para a cor que quiser, clicando aqui

Nenhum comentário :

Postar um comentário

Você pretende comentar?
Saiba que eu fico muito grata e feliz ^^ mas por favor, seja educado e compreensível. Se de alguma forma meu post te feriu ou o meu blog, vá ao e-mail. Críticas são sempre bem-vindas, mas acredito que o lugar delas também é no e-mail.

E eu optei por moderar comentários, não por causa de problemas como os de ofensas, mas para que fique mais fácil saber quando houve comentário. Espero que entenda se você não gosta dessa opção. Acredite, eu também não gosto.
Obrigada por ter vindo aqui.

"Heart" yourself

Ame-se ♥
oohmontana@gmail.com
twitter:@s0meth1ngs, @seehbubble
facebook: Carol Lendino

Status

Nome: Sem Óbice
Criado: 28/12/13
Volta do hiatus: 28/12/15
Tema:G-Friend on twitter; n°: 4

Disclaimer:
Grande parte das coisas aqui não pertencem ou foram criadas por mim, grande maioria foi criada por alguém e, na maior parte das vezes, editas por mim. Se feri alguém, pretendendo creditar ou excluir, como o dono preferir. Não resite em me avisar por e-mail: oohmontana@gmail.com. Espero compreensão.

The End

Isso é tudo, pessoal! Volte sempre que quiser,
beijos no core, rivais no amor


Créditos e agradecimentos aqui