27 agosto 2012

Tutorial: Gadgets separados em caixas

Tumblr_m9ducfqzrj1rcyv45o1_500_large

Olá tortas de cerejas com cerejas! ~LOL~! (sei que não tenho esse direito, mas é bom ir praticando...)
Tudo bem?
Hoje vou postar meu primeiro tutorial neste blog! EBAAAA!!!!
Vou ensinar, como deixar os gadgets separados em caixas.
Vamos lá?






1. Vá em Design > Editar HTML > Aperte Ctrl+F ou F3 e busque por:

  /* Widgets

2. 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, dá para trocar a cor da barra. É só mudar a escrita que está de >ROSA<, pelo código da cor desejada.
Se não quiser as bordas arredondadas, apague a linha em que à indica.
Se quiser sombra, deixe como está, se não, onde tem os números, e os px, coloque 0.
EXEMPLO:

ANTES: 1px DEPOIS: 0px

Faça isso em todos!
 Espero que eu tenha ajudado!

Bjs,

Laura

3 comentários:

  1. Aonde voce achou essse tutorial? da creditos

    ResponderExcluir
    Respostas
    1. É de meu outro blog.
      Como é de meu outro blog, como é de minha altoria, não preciso dar créditos.
      PS: No meu outro blog, tem créditos à ele.

      Excluir
  2. Legal o tuto, mas acabei de mudar de lay!
    aqui, flor, você pediu afiliação, não foi?
    Se sim, sinto muito mas só estamos aceitando com + de 90 seguidores, você leu o FAQ?
    Se não me pediu afiliação, me desculpa!
    Beijoos

    ResponderExcluir