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: