quinta-feira, 11 de agosto de 2011

Como colocar sombra nas postagens

Colocando sombra nas postagens

Neste tutorial vou ensinar como colocar sombra nas suas postagens usando apenas códigos CSS. Utilizaremos o recurso “Box-shadow” do CSS3. Além de colocarmos sombra, vamos suavizar colocando outro recurso de arredondamento.Esta pequena modificação promete deixar suas postagens com um toque especial. Apenas siga os passos abaixo:

1. Faça o login no blogger e acesse o painel principal do seu blog;

2. Vá em “Modelo” –> “Editar Modelo” e procure por:

.post-body {

3. Abaixo dessa linha cole o seguinte código:

box-shadow: 1px 4px 19px 2px #DCDCDC;
padding: 10px;
border-radius: 28px;

4. Feito isso, visualize e veja como ficou. Se estiver ok, Salve!

Obs: 
A parte destacada de vermelho no código é a cor da sombra. Se quiser, troque por outra. Clique aqui e veja a tabela das cores hexadecimais;
A parte em azul, é o nível de arredondamento dos cantos. Para alterar, apenas mude o valor para outro numero em pixels.

Marcadores: , , ,

5 Comentários:

Às 11 de agosto de 2011 09:42 , Blogger Dav7 disse...

não percebi onde é que a sombra é aplicada, é na caixa onde aparecem os posts?

 
Às 11 de agosto de 2011 10:08 , Blogger Códigos Blogger disse...

Exatamente.

 
Às 11 de agosto de 2011 14:33 , Blogger Searc web Marketing Digital disse...

Muito legal o post valeu!

 
Às 11 de agosto de 2011 18:45 , Blogger Paulinho disse...

Não deu certo no meu blog
http://blogdopaulinhogt.blogspot.com

 
Às 12 de agosto de 2011 00:00 , Blogger Holtz disse...

Adorei...Muito bom!
Ja incrementei meu blog !
Parabens a equipe..

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial