18/08/2012

Tutorial: Como separar a área das postagens.


Bom, eu estava super cansada da minha área de postagens coladinha, parceia que tudo ficava meio grudado então decidi postar o tutorial que eu usei;


Vá no Design e entre em editar HTML . Dê um ctrl + F e procure por :

.main-inner .column-center-outer{
Pra quem nunca editou HTML ele deve estar mais ou menos assim:

 .main-inner .column-center-outer {  


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

_background-image: none; 

}

Substitua esse código por esse abaixo:
.post-outer {
margin: 3px 8px 15px;
background:#fff;
padding: 5px 5px;
box-shadow: 1px 4px 19px 2px #DCDCDC;
padding: 5px;
border-radius: 50px;
}

A parte em laranja é o arredondamento da borda, quanto maior mais arredondada ela fica.
As partes em azul são as distâncias dos textos
Só mude as partes coloridas;

Visualize e se estiver tudo ok, salve!




Espero que vocês tenham gostado do tutorial! Um beijo

7 comentários:

  1. ótimo tutorial! As minhas são juntinhas, eu acho mais bonitinho, e é pra combinar com o cabeçalho, rs. *u* Ah, posso pedir um favor? É que eu vivo comentando aqui e você também lá no blog... Você pode segui-lo? Eu ia ficar super feliz, haha. Eu já sigo aqui faz tempo, rs. *u*

    Beijos
    georgea.tk

    ResponderExcluir
  2. amei a tutorial fica super mais bonitinha e deixa aqueel ar de arrumação
    beijos
    http://lolamantovani.blogspot.com.br/

    ResponderExcluir
  3. Adorei o tuto, acho melhor assim também :)
    Obrigada pela visita em meu blog!

    Beijos,
    http://passandogloss-blog.blogspot.com/

    ResponderExcluir
  4. Ótimo tutorial, bem explicado! É ruim mesmo deixar tudo juntinho!!
    Beijos

    blogmodaonline.blogspot.com

    ResponderExcluir
  5. eu já tentei fazer esse tuto amore!
    maais as letras ficam tmtmtmto perto das bordar :S
    meio q corta! mimmimiimi
    seguindooo
    http://blahoestraich.blogspot.com.br

    ResponderExcluir
  6. O do meu blog também são separados!!!

    candyces.blogspot.com

    ResponderExcluir
  7. Já comentei aqui, mas tudo bem... Estou só passando para fazer uma visitinha, rs. *u*

    Beijos
    georgea.tk

    ResponderExcluir

Deixe seu recado fofo! Mas se for para criticar faz melhor não comenta!
Deixe também a url do seu blog pra mim retribuir o comentário! Muitos cupcakes pra vocês!