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 {Procure pela primeira linha para facilitar , quando achar apague todo o código e coloque esse no lugar :
background: $(post.background.color) $(post.background.url) repeat scroll top left;
_background-image: none;
}
.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