12 julho 2013

Imagem abaixo da área de postagem

Antes de mais nada crie um imagem com a mesma largura da sua área de postagens (subtraia a largura total do blog pela largura da sidebar) e hospede-a em algum site.

Agora vá no HTML do seu blog, 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;
}

Apague todo esse código e no lugar coloque esse:

.main-inner .column-center-outer {
  background: #fff url(LINK_DA_IMAGEM) no-repeat bottom;
}
O que está de roxo você deve substituir pelo código da cor da sua área de postagens. A parte em rosa é o posicionamento da imagem. Bottom significa "em baixo", então se você quiser por uma imagem no topo da área de postagens em vez de em baixo, é só substituir bottom por top.

Agora se você quiser colocar uma imagem em cima e em baixo igual eu fiz no meu blog, você terá que fazer a parte de cima junto com o cabeçalho, de forma que se encaixe com área dos posts.

Este post também pode ser visto no blog Other Things Attitude Included, do qual faço parte como postadora.

Espero que tenham gostado do tutorial. Se usar, comente e credite. Kissus!

Nenhum comentário:

Postar um comentário