13 de fev de 2013

Sombra na área dos post


Oiie galera, trouxe um tutorial fácil .. Ele coloca sombra na area dos posts e separa.. Eu acho que fica bem fofo!
Encontrei no blog Menina Sugar e Brenda Lorrane

Vamos lá ?
Vamos em Modelo >> Editar HTML >> CTRL F (ou F3) e procure por .column-center-outer { 
E você vai encontrar algo assim:

.main-inner .column-center-outer {
background: $(post.background.color) $(post.background.url) repeat scroll top left;
_background-image: none;
}

Substitua o que você encontrou pelo código abaixo:

.post-outer {
margin: 4px 2px 10px;
background:#fff;
padding: 20px 10px;
border-radius: 10px; /* Para Opera 10.5+*/
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/
-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
}

3 comentários:

- Comentários só de divulgação do seu blog, sem nenhuma opnião do assunto serão ignorados
- Faça comentários sobre o post
- Sejam educados, e não use palavrões
- Faça essa blogueira feliz, COMENTE