27 abril 2014

Posted at  12:10  |  in  

Imagem no topo da área da postagem - Atualizado


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:




http://goimagines.blogspot.com.br/2011/11/imagem-no-topo-ou-footer-da-area-de.html#more

Share this post

About Naveed Iqbal

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim venenatis fermentum mollis. Duis vulputate elit in elit. Follow him on Google+.

0 comentários:

About-Privacy Policy-Contact us
Copyright © 2013 Testes para Blogs. Blogger Template by Bloggertheme9
Published..Blogger Templates. Powered by Blogger.
back to top