Fundo de papel nas postagens

Olá >< Hoje como podem ver não é meu dia de postar é o da Isa mais ela não conseguiu e pediu minha ajuda depois ela fala pra vocês oque aconteceu mas eu consegui um tempinho para vir aqui postar. Hoje eu vou postar uma coisa bem diferente eu acho que tem muitos aqui que nunca viram, e sei lá eu não achei tão bonito mais achei uma coisa diferente que tem pessoas que podem gostar. Genteney eu e o Yago "meu divo"
estamos criando um blog novo, quando ele estiver pronto iremos divulgar ele. Mas como o Yago está de castigo aquele sapeco estamos esperando o pai dele liberar para ele voltar :c Vamos a postagem


Aqui um exemplo:
Então abra seu HTML. Aperte ctrl+F e procure por:

   .main-inner .column-center-outer {
  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  _background-image: none;
}

Procure pela primeira linha para facilitar. Quando achar, apague todo o código e coloque esse no lugar:

.main-inner .column-center-outer {
  background: url(URL da imagem) repeat-Y;
}


Agora é substituir pela url da imagem que você quiser.
Aqui que entra a correção. Vocês viram que quando coloca a imagem, a letra do post fica por cima da beirada do papel não é? Para resolver isso, aperte ctrl+F e procure por: .main-inner .column-center-inner {
Substitua o trecho:

padding: $(content.posts.padding) 0; 

por esse código abaixo:

padding: 10px 10px 10px 20px;

Você pode ter que alterar o valor em roxo de acordo com a imagem que você usar.
Abaixo tem duas imagens que você podem usar, uma menor e outra maior (para blogs mais largos). Clique nas imagens para salvar dotamanho normal e usar.

Espero que tenham gostado do tutorial. Beijos 

5 comentários:

  1. Olá, está bem? ~
    Quero ver o blog novo logo u3u.

    Eu sempre procurei por este tutorial, é realmente útil! >///<

    Chu ~ | rainbowskyoficial.blogspot.com.br ~

    ResponderExcluir
  2. Olá sim e contigo? Pode deixar que eu vou mostrar hahaha.
    Ai sério que legal, achou então (risos) Beijos

    ResponderExcluir
  3. OEEEEEEEEEEEEEEEEEEEEEEEE, Tati *0* Tudo bem? Oooomg, eu adoooooro esse tutorial! ♥ Acho que irei aplicá-lo no meu próximo layout, ACEDE, o que acha? Uauahsuash! Se bem que... Tati, sabe o que estou pensando? Não sei bem se irei fazer um layout ACEDE... Sei lá, estou pensando ainda nisso, uahsuhas!

    Um enoooooorme e grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
  4. Oeeeeeeeeeeeee Juu, Sim e contigo? Sérioo que coisa boa haha, Ah eu não acredito Dona Julia que não vai mais fazer olhaaa vou puxar suas orelhas, vai fazer sim kkk Brinks u.u
    Beijooooooooo

    ResponderExcluir
  5. Eu já vi esse tutorial antes. Não me leve a mal, mas tá muito igual ao tutorial que eu vi.

    - Nanda (paradiseofliars.blogspot.com)

    ResponderExcluir

-Segue,Retribui? Retribuo se eu gostar do blog.
-Não Ofender ninguém.
-Não falar palavrões .
-Sempre deixar o link do seu blog para retribuir.
-Leia o post antes de comentar!
-Comentários sem conteúdo serão ignorados.
-Leio todos os comentários e respondo
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙