- Gerar link
- Outros aplicativos
- Gerar link
- Outros aplicativos
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 esse. Para 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!
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
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;
2º: 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
Fontes: Dr.MisterBlog/ e Blog da Nah
Comentários
Olá June <33
ResponderExcluirEu 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 ☆
Oláá Yuka!
ExcluirSim, 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!♡
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!
ResponderExcluirBye's (blog de duas manas) ♡
O Snack Cheese é a queijolândia~✧ |
Temos pipocas e sopas! Venham ☆
Oláá Izaaa! Quanto tempo!
ExcluirQue 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
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.
ResponderExcluirbjs
Sim sim, é muito bom para usar em algum clima especial, ou temas. Que bom que gostou, use sim ^.^ ~~Kissus
ExcluirNossa faz tempo que eu procurava e tutorial, me ajudou bastante!
ResponderExcluirMuitíssimo obrigado!
Incrível, justamente o que eu precisava
ResponderExcluirMuito obrigado por vc compartilhar essas ideias com a gente ����������
Oi, June. Tudo bem? Eu não consegui achar o código no HTML do meu template. :/
ResponderExcluirEle serve pra todos os códigos?