olá + área de postagem em caixas

Hey baes ♥ Tudo bem? Eu vou bem... Como vocês já devem saber (ou n né) eu vou postar junto com a Ju alguns tutoriais. Meu nome é Bruna e estou no blogger desde dezembro de 2012! Eu faço layouts tem algum tempo e por conta disso tenho uma pequeníssima base em html :$ mas ela serve para alguma coisa, haha'

O tuto q vou apresentar é um básico, aprendi sozinha, estava cansada de pegar códigos por aí e montei do jeito q eu achava q era. Vou ensiná-los a separar a área da postagem em caixas e dps colocar sombra ou bordas.

Vamos lá;

Procure por .post-body {. Vc vai achar algo assim:

.post-body {
  line-height: 1.4;
  position: relative;
}

Substitua esse código por esse:

.post-outer {
margin: 4px 2px 10px;
background:#fff;
padding: 10px 10px;
margin-bottom: 15px;
}

E prontinho, sua área de postagem está dividida em caixas! Caso queira colocar sombra, basta acrescentar antes da } o seguinte código:

box-shadow: inset 0 0 15px #EAEAEA, 0 0 5px #ccc;

Se quiser usar bordas, faça o mesmo só que com esses códigos:

border: 1px solid #COR; (borda sólida)

border: 1px dashed #COR; (borda pontilhada)

border-top: 1px (solid ou dashed) #COR; (no topo)

border-bottom: 1px (solid ou dashed) #COR; (em baixo)

border-right: 1px (solid ou dashed) #COR; (na direita)

border-left: 1px (solid ou dashed) #COR; (na esquerda)

E é isso. Espero que tenham gostado! É um tuto bem simplesinho mas me deem um desconto, é o primeiro que faço :3

Até mais, mores ♥

Beijos de luz ;*