• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

27 de novembro de 2012

Separando Gadgets


Olá gente, 
Hoje trouxe um tutorial muito legal que deixa seu blog com uma cara super melhor :) mais antes de tudo quero dizer que só funciona com o modelo travel // viagem

é de como deixar seus gadgets separados e trouxe também dois estilos de gadgets que ficam bem bonitos vamos conferir o tutorial?

Primeiro de tudo, vá em seu HTML e procure por:

/* Widgets

Vai aparecer mais ou menos isso:


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



Antes de } cole:
 background#f7f7f7;
Feito isso, se você quiser diferenciar seu gadget tenho dois modelos como prometido:


Para ficar igual o da imagem acima cole:

-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
 
e se preferir assim como essa imagem, cole isso:

-webkit-border-bottom-right-radius: 40px;-moz-border-radius-bottomright: 40px;border-bottom-right-radius: 40px;

obs: colar quaisquer dos códigos escolhidos antes de } também ok?!

espero que tenham conseguido! 
beijos!!!

6 comentários: