Pink Cherry
Hino - Chan: Separando as postagens !

Separando as postagens !

Cuteness
Yo Minnaaaaaa-Saaaaan
Hoje vamos aprender a separar as postagens, como na imagem abaixo ~ Hai ?
Obs: Tutorial apenas para modelo viagem (>////<)'

Clique para ampliar !
Vamos começar ! 


 Vá até o HTML de seu bloguinho, dê um CTRL+F e procure por:

.main-inner .column-center-outer {

 Apague esta linha e no lugar dela cole um dos códigos seguintes:

 Para separar as postagens apenas, cole isso :

.post-outer {
margin: 3px 8px 15px;
background:#fff;
padding: 11px 11px;
box-shadow: 1px 4px 19px 2px #f3b9f5;
padding: 11px;
}

 Para separar as postagens e ainda deixar as bordas arredondadas (como na imagem lá em cima),cole esse código:

.post-outer {
margin: 3px 8px 15px;
background:#fff;
padding: 11px 11px;
box-shadow: 1px 4px 19px 2px #f3b9f5;
padding: 11px;
border-radius: 30px;
}

 Personalizando :

Modifique o código em rosa pelo código da cor da sombra que você deseja em volta da área das suas postagens.

Os códigos verdes são a distância entre os textos e imagens das bordas da área de postagem. Quanto maior for o número, mais longe eles irão ficar da borda do post.

Se escolheu o segundo código com bordas arredondadas, troque o destacado em azul, por um número maior para deixar mais arredondada ou diminua o número para "desarredondar"  !

 Prontinho, visualize e veja como ficou ! Se não deu certo, tente ler o tutorial com mais calma que com certeza vai conseguir (*o*) ~

 Caso não consiga, deixe um comentário que eu te ajudo :3

Créditos :



10 comentários:

  1. Que tutorial legal, Hino-chan :)
    Fica super fofo <3
    Eu estava procurando á tempos esse tutorial ^^
    Arigaatouu ~ (*////////*)
    kissus~

    ResponderExcluir
    Respostas
    1. Nha, Mi-Chan ♥ ~ Também amo esse tuto, o blog fica tão kawaii com ele <3
      Fico feliz que tenha ajudado (^o^)/
      Beijinhos (>3<)'

      Excluir
  2. Nyaaaaah >,<
    Arigatou,Hino-chan!Me ajudou bastante *-*
    Adoro o blog ~
    Byeee ♥

    ResponderExcluir
  3. Não foi...o fundo continua transparente. O que eu faço?

    ResponderExcluir