Novas postagens estão vindo, só que meu novo notebook tem teclado inglês, ou seja, sem acentos, e não quero fazer uma postagem ruim para vocês, então, vai demorar um pouquinho, já que vou ter que usar o computador de casa. Mas pelo menos eu estou de volta, hehe. :)

7 de junho de 2012

Gadgets com fundo colorido

Heey ! Saudades né? Faz um tempinho que não posto , por causa de Olimpíadas de Matemática , provas e etc .. Bom , vim trazer um tutorial muito útil nos layouts mais profissionais , que é cada gadget separado sabe ? Tipo esse blog aqui . Gostaram ? Então vamos ao tuto !

Primeiramente vá até Design > Editar HTML. E procure (F3 ou Ctrl+F) por /* Widgets. Deverá aparecer um código mais ou menos igual a este:

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


Dentro das chaves, acrescente mais o código que divide a coluna, deixando a cor somente em cada gadget: background-color: #COR_HTML; não sabe que cor usar? Consulte a tabela de cores HTML. Deverá ficar da seguinte maneira:

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


 Visualize, se estiver tudo certo salve!! E caso você não achar este código, copie ele e cole acima de ]]</b:skin>

Um comentário:

Regrinhas dos comentários:
-Pode divulgar seu blog, mas pelo menos conte o que achou da postagem.
-Deixe o link do seu blog/site para que possamos retribuir o comentário.
- Não são permitidos xingamentos e termos chulos.

Comente a vontade!

.