Tutorial - Personalizar a Área das Postagens

Peçam algum utilitário na Ask, hehe :3

Boa noite pessoas lindas *u*

Tudo bom? Sábado assisti o filme a Ultima Música, com a diva da Miley, e era um filme que eu tava doida pra assistir. Ele é muito bom, porém o final é muito triste. Até chorei ç.ç

Enfim, estou vindo atender a um pedido da minha Ask. E como não disseram que era pra cá ou pro PH, estou postando aqui mesmo, pra não ficar desatualizado né? Como eu sou muito preguiçosa e tô sem tempo, eu peguei a postagem do maravilhoso IIRTW. Achei essa postagem de lá bem útil, e seria bom que vocês aprendessem :3

~ Separando as postagens e bordinhas em cima e em baixo dos posts :: 

Se você usa o modelo Travel procure por:

.main-inner .column-center-outer { Se você usa o modelo Janela de Imagem ou Marca d' água procure por:

.post-outer { Se você usa outro modelo, sinto muito mas não sei se posso ajudar.

Agora você vai achar isso:

Se você usa o modelo Travel:

.main-inner .column-center-outer {

background: $(post.background.color) $(post.background.url) repeat scroll top left;

_background-image: none;

}

Se você usa o modelo Marca d' água:

.post-outer {

padding: 15px 20px;

margin: 0 0 25px;

background: $(post.background.color) $(post.background.url) repeat scroll top left;

_background-image: none;

border: $(post.border.style) $(post.border.size) $(post.border.color);

-moz-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);

-webkit-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);

-goog-ms-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);

box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);

}

Se você usa o modelo Janela de Imagem:

.post-outer {

background-color: $(post.background.color);

border: solid 1px $(post.border.color);

-moz-border-radius: $(post.border.radius);

-webkit-border-radius: $(post.border.radius);

border-radius: $(post.border.radius);

-goog-ms-border-radius: $(post.border.radius);

padding: 15px 20px;

margin: 0 $(post.margin.sides) 20px;

}

 Independente do seu modelo, você vai substituir tudo (desde o que você procurou a "}")que você achou, por isso:

.post-outer {

background: #fff; /* Fundo da postagem */

padding-top: 1px; /* Espaço do topo */

padding-left: 10px; /* Espaço da esquerda */

padding-right: 10px; /* Espaço da direita */

padding-bottom: 10px; /* Espaço de baixo */

margin: 1px 12px 7px;

border-top:2px #EDEDED solid; /* Borda de cima */

border-left:1px #EDEDED solid; /* Borda da esquerda */

border-right:1px #EDEDED solid; /* Borda da direita */

border-bottom:1px #EDEDED solid; /* Borda de baixo */

box-shadow: inset 0 0 5px #F8F8F8, 0 0 1px #ccc; /* Sobra */

border-radius: 15px; /* Se quiser arredondar a postagem */

margin-top: 35px;

}

Já tem tudo explicadinho no código. Aí é só você alterar as cores.

Título da Postagem em Hover ::  

Siga apenas esse tutorial :)

É só isso mesmo amores. Espero que tenham entendido tudo direitinho, e se tiver alguma dúvida perguntem, beijooones :3