♦ Tutorial ~ Separando a área de post

Ouvindo Fashion Monster -Kyary DIVA-

 Olá galera, tudo bem? Acho que não está tudo bem para todo mundo, pois aposto que amanhã as aulas começam para bastante gente, eu já estou acostumado, minhas aulas começaram dia 02, por isso sofri mais que vocês TT^TT, mas tudo bem.
  Faz bastante tempo que eu não trago um tutorial, tudo que eu posto agora são efeitos e mais efeitos, então vou tentar parar por um tempo. Hoje eu deveria trazer themes para tumblr, mas não consegui fazer nenhum, estou trabalhando na criação de um do Naruto mas ta dificil, odeio usar themes base, por isso estou todo confuso.
  Aaahhh, vamos aprender a separar a área de post e partes, para que cada post fique meio distante um do outro, é bem simples e embeleza bastante o blog. Não vou mostrar imagem de exemplo por que estou com preguiça de tirar print. Então vamos lá aprender.

No seu layout vá em:

Modelo >> Editar HTML

Aperte Crtl + F e procure por

.main-inner .column-center-outer {

Você vai encontrar algo parecido com isso:

.main-inner .column-center-outer {
 background: $(post.background.color)
$((post.background.url)
 repeat scrool top left; _background-image:none;}

APAGUE TODA ESSA PARTE e cole isso

.post-outer{
border-top: solid 10px #ff8ab1; /*borda de cima*/
box-shadow: inset 0 0 10px #d6d6d6, 0 0 5px #ccc;  /*sombra*/
margin: 3px 2px 10px;
background: #fff; /*cor de dentro*/
padding: 25px 10px;
} 

Visualize

Agora mude a cor da borda #ff8ab1 para qualquer uma que você quiser AQUI tem uma tabela.

E mude a cor de dentro #fff para qualquer outra, mas aconselho não mudar.

Visualize novamente e salve se estiver tudo certo.

O layout do mês que vem está quase preparado, o tema é de corações, rsrsrsrs.

Lovelly, você tá bem??? rsrsrsr Nunca mais falei contigo. Poderia fazer mais ilustrações para os posts, as minhas acabaram.

Bye bye