
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:
2♥ você vai substituir todo esse código (↑) por esse abaixo:
Depois é só salvar e pronto
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 {Ps: no próprio código está todas as explicações, mas vou lembrar uma coisa nessa parte do código:
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*/
}
border-bottom:5px #436887 solid; /*borda de baixo*/A parte em vermelho, é a cor da borda;
border-top:5px #436887 solid; /*borda de cima*/
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