terça-feira, janeiro 20, 2015

Separar um post do outro


Olá pessoal, tudo bom? Hoje trouxe pra vocês um tuto bem básico, que é separando um post do outro. Como eu já disse é super básico, mas eu particularmente uso sempre em todos os Layouts do blog. Então vamos aprender...

Tutorial

1♥ vá no modelo do blogger → editar html → dê ctrl+f e pesquise por: .main-inner .column-center-outer {

Se você nunca mexeu, você encontrará o seguinte código:
.main-inner .column-center-outer {
background: $(post.background.color) $(post.background.url) repeat scroll top left;
   _background-image: none;
}

2♥ você vai substituir todo esse código (↑) por esse abaixo:
.post-outer {
margin: 5px -10px 30px; /* espaço entre um post e outro */
background:#fff; /* cor de fundo do post */
padding: 5px 5px;
box-shadow: inset 0 0 2px #02a6da, 0 0 5px #ccc; /*sombra */
padding: 5px;
border-bottom:5px #436887 solid; /*borda de baixo*/
border-top:5px #436887 solid; /*borda de cima*/
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; /*borda arredondada*/
}
Ps: no próprio código está todas as explicações, mas vou lembrar uma coisa nessa parte do código:
border-bottom:5px #436887 solid; /*borda de baixo*/
border-top:5px #436887 solid; /*borda de cima*/
A parte em vermelho, é a cor da borda;
Depois é só salvar e pronto

Nenhum comentário:

Postar um comentário

Comente: dúvidas, sugestões, recadinhos fofos pra mim ♥ e tudo que quiser , menos desrespeito e palavrões okay? Quer que eu visite seu blog? Claro só comentar o link ♥

Mais regras em Regras do Cake