Separando os Gadgets do Blog

Hey, angels :) What's up?

Hoje eu trouxe um tutorial bem fácil, mas que faz toda a diferença no blog. Vou ensinar como separar os gadgets do blog da mesma maneira que fiz aqui e no Mrs. Nightshade. Vamos ao tutorial?

Vá no seu HTML e, usando Ctrl+F, busque por  /* Widgets .

Provavelmente vão encontrar algo parecido com isso:

/* Widgets

----------------------------------------------- */

.sidebar .widget {

border-bottom: 2px solid $(widget.border.bevel.color);

padding-bottom: 10px;

margin: 10px 0;

}

Certo? Bom, para separar os gadgets é só adicionar o código abaixo antes de fechar a chave:

Background: #f7f7f7; /*Fundo do gadget */

A cor nesse caso não vai fazer diferença, mas se preferirem trocar por uma mais forte, pode.

Visualize e se estiver tudo certinho, salve.

Vá agora para "Personalizar" e clique em Avançado > Plano de Fundo da Barra Lateral.

A única coisa que vocês devem fazer é deixar "Cor do Plano de Fundo" transparente:

E pronto! =D

Aprendi com ajuda do Chovendo em Paris, então créditos dados.

Bom, é isso.

Espero que tenham gostado.

Beijos,

Mrs. Nightshade.