27/07/2012

Como separar a área das postagens .

Hey' , vamos aprender a separar a área das postagens ? É muito fácil , confira >> .
Bom , nós vamos mexer no HTML , então salve uma cópia do seu Lay . Ok , vamos começar .
#1 : Vá no seu HTML , dê Ctrl + F ou F3 e procure por :
.main-inner .column-center-outer {
Se você nunca mexeu nesta parte do seu Lay , ele vai estar mais ou menos assim :
.main-inner .column-center-outer {   
background: $(post.background.color) $(post.background.url) repeat scroll top left;
   _background-image: none; 
}
#2 :Quando encontra - lo , substitua - o por este :
.post-outer {
margin: 3px 8px 15px;
background:#fff;
padding: 5px 5px;
box-shadow: 1px 4px 19px 2px #DCDCDC;
padding: 5px;
border-radius: 50px;
}
 P.S - A parte destacada de laranja é a borda arredondada.Quanto maior o valor mais arredondada ficará .
- As partes destacadas de azul equivale  a distância dos textos e imagens de dentro das postagens ou seja quanto maior o número, mais distante os textos vão ficar da margem da postagem.
- Só altere os números ou os códigos de cores (www) .
#3 :  Visualize e se estiver tudo certo , salve !
Créditos : (www) .



Um comentário:

  1. Hoy Flor! É o seguinte: Eu sou blogueira desde 2011, já tou habituada a mexer no HTML e em códigos, mas quando procurei por .main-inner .column-center-outer {, ele não me apareceu nem destacado a laranja nem em lado nenhum! :/ Será que é preciso ter um certo modelo no blog pro código funcionar? Já tive a pesquisar e os códigos são todos iguais e eu tento e tento e não consigo separar a área das postagens. Tinha esperanças que me podesse ajudar. Pff & brigada desde já!
    Kathy

    ResponderExcluir

-Primeiro , não não peça Tutoriais / Materiais pelos comentários , use a Ask - me .
-Não desrespeite ninguém , tenha educação .
- Comente sobre o post .
- Deixe a sua url no fim do cometário para que eu posso lhe retribuir o mesmo .