25 de out. de 2012

Separando Widgets da sidebar - Fácil


Oi pessoal!! Hoje vou ensinar a separar os Gadgets da sidebar de um modo mais fácil. O outro modo era bem complicado pois o Gadget ficava um pouco menor, e se você escrevesse tinha que dar um monte de espaços, pois o texto ficava para fora do Gadget. Esse modo é mais simples e rápido.


1- No designer do modelo, clique em Avançado > Plano de fundo da barra lateral > Cor do Plano de fundo  e escolha transparente.

2- Agora vá em Editar HTML, aperte Ctrl+F e procure por:

/* Widgets

3- Você vai encontrar algo assim: .sidebar .widget { antes da tag de fechamento (}), cole:


border-bottom: 2px solid $(widget.border.bevel.color);
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
margin: 30px 0;
Background: #ffffff;
box-shadow: inset 0 0 30px #eee, 0 0 4px #ccc;

Vai ficar assim:


O que está de vermelho é a cor da barra lateral. Recomendo não mexer no resto.


Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar

2 comentários:

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!