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;4. Feito isso, visualize e veja como ficou. Se estiver ok, Salve!
padding: 10px;
border-radius: 28px;
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.
0 comentários:
Postar um comentário