Bom, como eu havia dito no post passado eu ia postar mais hoje só que eu acho que não deu muito certo porque o tempo não deixa =)
Como é muito raro eu postar tutoriais eu resolvi colocar alguns hoje aqui!
O de hoje vai ser ensinando colocar aqueles fundos de papel no post, inclusive eu já fiz aqui no blog e gostei muito... Leia Mais ou Fique Curioso!!!!
.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.
Aqui que entra a correção. Vocês viram que quando coloca a imagem, a letra do post fica por cima da beirada do papel não é? Para resolver isso, aperte ctrl+F e procure por: .main-inner .column-center-inner {
Substitua o trecho:
padding: $(content.posts.padding) 0;
por esse código abaixo:
padding: 10px 10px 10px 20px;
Você pode ter que alterar o valor em roxo de acordo com a imagem que você usar.
Abaixo tem duas imagens que você podem usar, uma menor e outra maior (para blogs mais largos). Clique nas imagens para salvar do tamanho normal e usar.
Totais créditos ao CB! Preciso que sugiram, peça e deem ideias pro próximo post aqui! Ou pelo "Sugira Algo!"
eu usei já o fundo no lay que eu criei uma vez
ResponderExcluiracho bem bonitinho
beijoos!
!!World Teen!!>>no perfil<<
ei vota na enquete de qual deve ser o nome do meu blog pliis?, eu vou mudar por que World Teen é mto comum, então vota no seu nome preferido ok?
obrigada.
Obrigado ;3
ExcluirAh voto sim!
gente fica super fofo *-* adorei
ResponderExcluiradorei,beijos
ResponderExcluir