Como colocar fundo na postagem (Modelo HTML; HTML da Postagem)


Konnichiwa fadinhas & elfos! Como estão? Hoje mostrarei aqui dois jeitos de você colocar fundo na postagem. Uma que fica realmente nas postagens e outra que fica apenas dentro de uma determinada postagem que quer. Eu queria a do segundo jeito e foi muito difícil de achar, encontrava sempre a primeira então nada melhor que da uma ajudinha nesse caso   . Vou tá mostrando os dois jeitos.




1º: Mudando o fundo da postagem em geral 


Normalmente colocam um fundo que lembre folha de caderno, caso queira pegue esse ou essePara colocar, vá em Modelo, Editar HTML, Ctrl+F e procure por .main-inner .column-center-outer {


Você verá o seguinte trecho:


 background: $(post.background.color) $ (post.background.url) repeat scroll top left;

_background-image: none;
}



Substitua todo ele por:

background: url (url da sua imagem) repeat;
}


Coloque a url (endereço) da imagem que você quer dentro dos parenteses, e prontinho! 

Caso a imagem não fique certa, procure por .main-inner .column-center-inner { e substitua
padding: $(content.posts.padding) 0;  por padding: 10px 10px 10px 20px; 



: Mudando o fundo dentro de uma postagem


Com a postagem aberta escolha o modo de visualização em HTML, é o botão ao lado do Escrever. 





E onde você desejar colocar a imagem cole o seguinte código


<div style="background-image: url(Endereço da imagem de fundo); padding: 5px;"> <span style="color: white;"> Aqui vai o conteúdo </span></div> 


Coloque o endereço da imagem que deseja dentro dos parenteses e 

onde está escrito ''conteúdo'' é onde ficará o conteúdo no qual você quer junto com a imagem. Prontinho 
Por hoje é só, espero ter ajudado ~ Kissus


Comentários

  1. Olá June <33
    Eu não conhecia o modo de mudar o background no próprio post, irei dar na ideia de usar alguma hora, uashuahsua. Legal, gostei do tutorial! Obrigada!

    Bye's ♡
    O Snack Cheese é a queijolândia~✧ |
    Temos pipocas e sopas! Venham ☆

    ResponderExcluir
    Respostas
    1. Oláá Yuka!
      Sim, bem diferente né? Me deu umas ideias de colocar fundo e não susseguei até achar esse jeito hehe' Fico feliz que tenha gostado!
      Nada, obg você pela visita!♡

      Excluir
  2. Olá Juuuuune, passei dando uma passadinha aqui! Eu gostei desse tuto só lendo a intro. Acho que ele vai ser muito útil. Que daora poder botar fundo na postagem. Acho que eu posso usar esse tuto num free ou no próximo layout quem sabe. O que eu sei é que você é uma ótima amiga e blogueira também. É claro irei creditar a esse bloguinho mágico seu! Você explicou bem ein, botou até uma explicação com foto. Arrasou! Acho que poderei usa-lo. Até mais, me aguarde mais vezes aqui que irei passar aqui!
    Bye's (blog de duas manas) ♡
    O Snack Cheese é a queijolândia~✧ |
    Temos pipocas e sopas! Venham ☆

    ResponderExcluir
    Respostas
    1. Oláá Izaaa! Quanto tempo!
      Que bom que a intro lhe chamou atenção, acho isso muito legal e fico feliz que tenha gostado, e do tutorial também! ^^
      Agora to curiosa para ver esse layout free, ficarei na espera! Obrigada, você também ée, sempre achei isso ♡ . Tá certa, use sim, da um toque diferente.
      Okay pode deixar, digo o mesmo, to querendo comer umas pipocas na queijolândia :3 (manas, ye! ♡) Bye, até mais

      Excluir
  3. Nossa achei bem interessante, vou ver se uso algum dia a de postagem, achei divertido algo para se usar no natal ou para criar um clima especial.
    bjs

    ResponderExcluir
    Respostas
    1. Sim sim, é muito bom para usar em algum clima especial, ou temas. Que bom que gostou, use sim ^.^ ~~Kissus

      Excluir
  4. Nossa faz tempo que eu procurava e tutorial, me ajudou bastante!

    Muitíssimo obrigado!

    ResponderExcluir
  5. Incrível, justamente o que eu precisava
    Muito obrigado por vc compartilhar essas ideias com a gente ����������

    ResponderExcluir
  6. Oi, June. Tudo bem? Eu não consegui achar o código no HTML do meu template. :/
    Ele serve pra todos os códigos?

    ResponderExcluir

Postar um comentário