terça-feira

Personalizar os Gadgets da Sidebar



Oii!! Passando rapidinho aqui no blog.Vou ensinar a como separar os gadgets da sidebar, tipo, deixar eles parecidos com os meus *_* Eu sempre uso quando vou fazer meus layouts. acho que o blog fica mais legal com eles todos separados! Então vamos os que realmente interessa...

Vá no HTML, dê F3 ou Ctrl+F e pesquise por /* Widgets.Antes de fechar } , cole o código a seguir.

border-top: 10px #SuaCor; *\cor, tamanho e tipo de bora acima do gadget*/
padding: 10px;
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 ----*/
Agora é só personalizar a cor da borda e o background, o resto pode deixar como está!Caso queira colocar borda arredondada nos gadgets, adicione no final do código acima:
border-radius: 8px; /*---- bordas arredondadas, apague a linha se não quiser ----*/

Pronto! Feito isso, visualize e salve... Se gostaram do tutorial, comentem!!!

8 comentários:

  1. Ótimo tutorial, amei!
    E esse layout está divo ç__ç
    Beijos,

    skyfall-dream.blogspot.com

    ResponderExcluir
  2. Ótimo tudo bem explicado ^^

    http://worldofthel.blogspot.com.br/

    ResponderExcluir
  3. não ajudou muito,mas gostei do blog,seguindo,segue o meu ? clubpenguinhensi.blogspot.com

    ResponderExcluir
  4. Oi, eu não consegui colocar no meu blog. Poderia me ajudar? ><

    ResponderExcluir