8.22.2012

Gadgets separados em caixas


Oi gente,tudo bom ?! Espero que sim ..
Hoje vim postar um tutorial,em pedido da
Joaniinha Melo 
Dona do Secreets Girls.
Bem,vamos ao tutu ??
>>>



Vá em design >> Editar HTML >> Ctrl+F e procure por:

/* Widgets

 E antes de fechar } cole o seguinte 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, apague a linha se não quiser ----*/box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/


Se você quiser trocar a cor da caixa (trocando #fff pela cor que desejar), mudar os valores de padding, remover a sombra da caixa e as bordas arredondadas apagando a linha das mesmas como também da pra personalizar a borda e a sombra.
Veja clicando Aqui
Bjolls ; **




Um comentário:

  1. Ain , obrigada pela tutô, muito bem explicadinha , mas ainda assim não consegui fazer em meu blog ... não sei se é por causa do meu template, não sei o motivo mas não funciona de jeito nenhum :/

    Vi o seu outro blog, achei lindo, vou dar uma lida com calma nos tutoriais que sempre me ajudam muito !
    Também vi o pedido que você fez, em breve posto um tutorial ensinando como colocar aquele menu.Assim que eu postá-lo te aviso. (:

    Beijinhos ;*

    http://secreetsgirls.blogspot.com.br

    ResponderExcluir