Utilitários: Brushes + Fundo nos Gadgets

Desde quando o nosso blog de encomendas acabou venho prometendo que trarei utilitários a vocês e acho que está na hora de cumprir, certo? Acho que os png's são os mais procurados sempre, então vou dar prioridade para eles primeiro e logo depois vou mostrar um tutorial muito útil. Espero que gostem.

E agora vamos ao tutorial, é simples e muito fácil, basta seguir as instruções corretamente.

Primeiro, vá em seu CSS (Design > Editar HTML > /* Widgets). Terá um código como este logo após a tag procurada:

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

Em baixo da última linha (com exceção do fechamento -a chave-) coloque o código background-color: #HTML.DA.COR; e ficará assim:

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

Escolha uma cor dessa tabela, copie o código que vem a seguindo e adiciona no #HTML.DA.COR.
Pensando desse modo, a sua sidebar ficará da cor que você quiser e o excesso dela será retirado, diminuindo e separando os gadgets. Eu não gosto muito de ficar postando essas coisas no blog, mas como faz muito tempo que não postava e é bem útil, decidi postar só mais uma vez, mas os utilitários serão muito raros aqui. Espero que tenham gostado e que usem! Não esqueçam de creditar também. Aprendi o tutorial no Extras Place Fame e os brushes são aleatórios, se você é o criador de algum deles, contate-nos.

Fernanda Zucolotto.