3 de ago de 2012

Tutorial - Separar os gadgets

Kon'nichiwa~
Vim ensinar a separar os gadgets, vão ficar iguais os meus...eu achei o tutorial no The Candy Wonderland, então créditos pra ele se você for reblogar~
1. Vá em Design>>Editar HTML e procure por:
/* Widgets
2. Antes do } coloque:
background: #fffff; /*---- 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 ----*/
border-radius: 5px; /*---- bordas arredondadas, apague a linha se não quiser ----*/
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/
3. Agora vamos tirar o fundo que ficou, se sua coluna for no lado direito procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner { 
e se for no esquerdo procure por:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
4. Apague a parte que está em vermelho:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
margin-right: $(content.padding);
background:$(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;

Nenhum comentário:

Postar um comentário