Imagem no topo da área da postagem - Atualizado

Muita gente pediu e hoje trago pra vocês o tutorial de como por uma imagem no topo e/ou footer da área de postagens. Mas vou dizendo desde já, nada de copiar o Go Imagine hein? Sejam criativos e aproveitem o tutorial! Quero pedir desculpas por só estar postando tutoriais, mas a fada da inspiração não veio me visitar ultimamente. Eu ia postar outra coisa mas como muita gente pediu e eu não quis adiar mais. O resultado será semelhante ao do Go Imagine.

Clique em leia mais para ver o restante do tutorial.

Então, vá em Design > Editar HTML > De ctrl + F (ou F3) e digite na caixinha de busca o seguinte código:
.main-inner .column-center-outer {
Se você nunca editou essa parte do modelo, no seu HTML estará mais ou menos assim:
 .main-inner .column-center-outer {
  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  _background-image: none;
}
Apague a linha  _background-image: none; e no lugar coloque o seguinte código:
background-image: url(url da imagem);
background-position: center top;
background-repeat:no-repeat;
Obs: - Se quiser a imagem no footer da área de postagem troque top por bottom.

-Para a imagem se encaixar direitinho você deve saber a largura do seu blog e da sua coluna lateral (sidebar) isso você vê em Designer do modelo > Ajustar larguras. Então você pega a largura total do seu blog e subtrai a largura da sua sidebar. O resultado será a largura de sua área de postagem.
Por exemplo: 1020 (total) - 270 (sidebar) = 750. Esse deve ser a largura da sua imagem. Se por acaso não der você vai testando outros tamanhos até encaixar.

Vou deixar um exemplo de imagem para vocês terem como inspiração na hora de criar as suas. Ela tem 600px de largura, se sua área de postagem ter essa largura e você gostar pode usar a vontade. Ficou meia boca, mas é só pro exemplo.

Obs²: Na parte que estiver transparente (vazia) você deve por o background do seu blog, pois como é transparente vai aparecer o branco da área da postagem. Exemplo:


Por hoje era isso, espero que tenham gostado. Qualquer duvida é só comentar! Se vocês quiserem eu ensino a por imagem no topo e footer da sidebar também! É só comentar pedindo. Beijos, fiquem com Deus.

Postar um comentário

0 Comentários