terça-feira, 17 de julho de 2012

Tutorial: Barra Lateral Efeito Redondo

Tumblr_m6x3suyc2d1r5wdjqo1_500_large
Hello gente =) tudo bom? hoje trouce mais um tutorial pra vocês :) Peguei este tutorial no Farry Teen então créditos ao blog :] o efeito é este:


Bem legal né? deixa o layout super lindo gente..  Então vamos ao tutorial.

1- Vá na HTML do seu blog > Apete Ctrl + F ou F3 > e procure por  /* Widgets
2- Logo abaixo da tag tente localizar: } achou?  então acima disso } cole o seguinte código:


background: #fff; /*---- cor do fundo da sidebar ----*/
  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 ----*/
-moz-border-radius: 30px 10px / 10px 30px;
border-radius: 30px 10px / 10px 30px;
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/
}

As cores já estão tudo certinhas e tal, mais caso queira mudar.. fique avontade
e é isso ai espero que tenham gostado Beijo :*

3 comentários:

  1. Adorei!!!
    Super Simples!
    Já está nos afiliados! Beijos Mary

    http://jonatcsforever.blogspot.com

    ResponderExcluir
  2. lindo, se bem q verdade seja dita eu amei o lacinho no inicio do post
    bj
    sa
    lamourmonage.blogspot.com

    ResponderExcluir
  3. Teve uma época que eu quase morri para achar esse tutorial, mas hoje eu acho com facilidade :/

    chaleiradelondres.blogspot.com

    ResponderExcluir