Gadgtes separados!

4 de mai. de 2012 | | | |
Tumblr_m150fifsgy1qijksmo1_500_large
AvisoGente ,no post anterior que tinha umas imagens para afiliado elas não são redondas e sim quadradas !!!

Boujour'  ja que eu estou quase com uma semana sem aula ,eu vou mostrar pra vocês como fazer os  gadgets separados ,como o daqui do blog :).
Gadgets separados em caixas
Vá em design > Editar HTML > Aperte F3 ou Ctrl+F e procure por:
/* Widgets 
E antes de fechar } cole o código:
background: #fff; /*---- cor do fundo da caixa ----*/ 
  padding-left: 20px; /*---- espaço à esquerda ----*/ 
  padding-bottom: 20px;  /*--- espaço de baixo ---*/ 
  padding-right: 20px; /*--- espaço à direita ---*/ 
  padding-top: 5px; /*---- espaço de cima ----*/ 
border-radius: 5px; /*---- bordas arredondadas,caso não queira apaga esta linha ----*/
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/
Se preferir ,pode mudar a cor do fundo da caixa no #fff pela cor desejada ,e se quiser retirar a sombra apague a linha que esta sombra da caixa .
Bjs :*

Nenhum comentário :

Postar um comentário

Leia a F.A.Q que esta na pag, Leia ,antes de fazer a pergunta!!
-Faça a com muito amor,e retribuirei