quarta-feira, 6 de junho de 2012

Fundo de papel nas postagens

  
Oi cutes, eu vi esse tutorial no Blog Cherry Bomb , testei no meu blog e claro vim postar para vocês o credito desta postagem e do Cherry Bomb e claro , O resultado final e esse:
                                
                                       Imagem credito cherry bomb.


Vamos começar? Então abra seu HTML. 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;
}
Procure pela primeira linha para facilitar , quando achar apague todo o código e coloque esse no lugar :
.main-inner .column-center-outer {
  background: url(URL da imagem) repeat-Y;
}
agora é substituir pela url da imagem que você quiser , mais fica com um probleminha , a letra não f fica pra dentro da área então para resolver isso , de um Ctrl+F e procure por : .main-inner .column-center-inner { 
Substitua o trecho :

padding: $(content.posts.padding) 0; 
 por esse abaixo : 



padding: 10px 10px 10px 20px;
Você pode alterar o numero destacado em Roxo,pela a largura da sua imagem. Bjs e obrigado por ler o tutorial se for usar Credite a Sam Place e o Cherry Bomb

Nenhum comentário:

Postar um comentário