Image Map

Goodies: Como separar e arredondar os gadgets


Hey my little monsters
Hoje, com o 3º post do blog, e o segundo tutorial, vou ensinar como separar e arredondar os gadgets, é um tutorial bem fácil, e é rapidinho!
Então, vamos lá!
Entre na HTML do seu blog, de um CTRL+F e pesquise /* Widgets
Você vai achar isso:

/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}

Antes da ultima chave, adicione  background: #ffffff;
Se quiser o fundo de outra cor, troque o FFFFFF por o codigo de sua cor! entre nessa tabela

Você ja semparou, agora se quiser quadrado, salve e ja esta pronto, se queiser arredondar, não para por ai!
Ainda, antes de fechar a chave, coloque depois do codigo que adicionamos isso:

-webkit-border-radius: 10px
-moz-border-radius: 10px;
border-radius: 10px;


Vai ficar arredondado, se quiser mais arredondado, troque os 3 '10' por números mais altos, e vice-e-versa.

é só isso, simples e proto!
Qualquer duvida comente!

8 comentários:

  1. Amei o tuto, acho bem útil, vejo que é nova na Blogosfera, então seja bem-vinda ao mundo Blogger, vai se divertir muito.
    Seu Blog é lindooo, esse Lay é demais
    Seguindo aqui.

    rafasinha.blogspot.com.br/
    Beijos :3

    ResponderExcluir
  2. nossa , seu blog é lindo parabéns seguindo aqui

    beautifulworldoficial.blogspot.com.br

    ResponderExcluir
  3. Adorei a ideia , e amei o blog :B
    http://filhotedeunicornio.blogspot.com.br/

    ResponderExcluir
  4. quando eu falei ideia seria a ideia do blog okaay?! depois que eu li o comentário percebi que estava estranho xDD

    ResponderExcluir
    Respostas
    1. Ok! entendi... adorei seu blog, adoro blog sobre make, mais voltado para pessoa do que para o blog! lindo!

      Excluir

;