Tutorial - Personalizar a área do post

Heey povo lovers!

Hoje eu vim ensinar para você um tuto que eu aprendi no blog Ceramic Girl ~créditos à ele, até já está auto-explicado~ (faz um bom tempo, mas na verdade eu que pedi para ela ensinar u3u).

O que vocês vão aprender aqui é: Separar as postagens e colocar essas bordinhas que ficam em cima e em baixo, ou não, podem escolher não colocá-las ^-^

~Saa...Yukoou, tachidomaru kotonaku, nagareru toki ni makenai youni~ (musiquinha de One Piece, One Day se não me engano e.e')

Lets go~

O que vamos fazer primeiro é separar as postagens, então, procure por:

.main-inner .column-center-outer {

Após encontrá-lo, apague tudo o que vem com ele, até a chave, e cole isso no lugar:

.post-outer {
background: #fff; /*Fundo, está na Cor Branca */
padding-top: 4px; /* Espaço do topo */
padding-left: 25px; /* Espaço da esquerda */
padding-right: 25px; /* Espaço da direita */
margin: 5px 3px 25px;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
}

E assim, você separou as postagens, mas se você quiser colocar as bordinhas também, apague do código acima, a última chave ( } ) e cole isso embaixo:

border-bottom:4px #CORDABORDADEBAIXO solid;
border-top:4px #CORDABORDADECIMA solid;

Logo depois você coloca a chave denovo para fechar.

Agora, simplificando....

Se você quiser sem bordas, cole isso:

.post-outer {
background: #fff; /*Fundo, está na Cor Branca */
padding-top: 4px; /* Espaço do topo */
padding-left: 25px; /* Espaço da esquerda */
padding-right: 25px; /* Espaço da direita */
margin: 5px 3px 25px;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
}

E se quiser com bordas, cole isso:

.post-outer {
background: #fff; /*Fundo, está na Cor Branca */
padding-top: 4px; /* Espaço do topo */
padding-left: 25px; /* Espaço da esquerda */
padding-right: 25px; /* Espaço da direita */
margin: 5px 3px 25px;
box-shadow: inset 0 0 40px #eee, 0 0 6px #ccc;
border-bottom:4px #CORDABORDADEBAIXO solid;
border-top:4px #CORDABORDADECIMA solid;
}