Como Separar os Gadgets

Cute-bonitos-imagens-sentiu-feltro-fotos-fofas-favim.com-287136_large
Que fofo *-----*

Hello People!
Vim ensinar a vocês a separar os Gadgets da sidebar e como arredondar eles, é um tutorial bem simples,deixa um efeito lindo no blog (eu acho),além de ser bem útil.


Para começar vá no seu Html, Ctrl + f e procure por /*Widgets, você vai encontrar  o seguinte codigo:
/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
}
Antes de fechar a chave ( }) coloque background: #F7F7F7, substitua a parte destacada pela cor que você quiser, você pode utilizar a seguinte tabela.Ainda não feche, cole também o seguinte código antes de fechar a chave.
Lembrando que o credito pelos códigos são para o Garota do Olhar Sincero,temos 2 opções para vocês escolherem:

Para todos os lados arredondados: 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
Para Somente um dos lados arredondados:

-webkit-border-bottom-right-radius: 40px;
-moz-border-radius-bottomright: 40px;
border-bottom-right-radius: 40px;
 Pronto,depois de editar tudo, visualize para ver se estar tudo certo!
Mais calma que ainda falta um detalhe para completar o efeito.
Vá em Modelo, personalizar, avançado, plano de fundo da barra lateral de deixe em transparente,para obter o efeito!
O resultado ficará mais ou menos assim:


E ai, gostaram? Se tiver alguma coisa errada com o tutorial, é só me avisar,ok?
Fiquem a vontade para pedir alguma coisinha aqui no blog.


8 comentários:

  1. Adoro seu tutoriais! São sempre muito bem explicados!!! Beijinhos!

    blog-vidademenina.blogspot.com.br

    ResponderExcluir
  2. Aqui, será que você poderia participar de um post lá no blog respondendo a pergunta: O que você gosta no Brasil?

    Beijinhos!!!
    http://blog-vidademenina.blogspot.com

    ResponderExcluir
  3. Oi, eu amei o seu blog, muito lindo mesmo. Estou ti seguindo, é claro. *-*
    Ah, eu curti a sua página no face..
    Amei a dica do gadget.
    Um beijo(:
    http://meu2diario.blogspot.com/

    ResponderExcluir
  4. adorei, seu blog mtoo fofo e otima tutorial

    beijo

    http://mamaequeroserdonadecasa.blogspot.com.br/

    ResponderExcluir
  5. Oie,tudo bem?
    tem selinho lá no blog para você!!
    beijinhos
    http://beautifulgirlpop.blogspot.com.br/

    ResponderExcluir
  6. Oie,tudo bem?
    Tem uma tag para você la no PG!!
    Beijinhos

    beautifulgirlpop.blogspot.com

    ResponderExcluir
  7. Que legal
    Adorei seu blog
    seguindo...
    segue de volta?? s2
    Acc ser minha parceira
    Agradeço dez de já
    http://mudandodetemaofficial.blogspot.com.br/

    ResponderExcluir
  8. Vai ajudar bastante esse post! Seu blog é incrivelmente lindo! Parabéns! Vem dá uma passadinha no meu?
    Beijos,
    http://docegloss.blogspot.com.br/

    ResponderExcluir

Obrigado pelo seu Comentário! :)

- Comentarios do tipo Criticas e Sugestões são aceitos
- Pense antes de escrever alguma ofensa
- Leio, respondo e retribuo os comentários, mas da forma que merecer
- Comentários anônimos estão bloqueados