Tutorial-Como separar sidebar da postagem



Boom hoje vou ensinar a vocês my maçãs  de caramelo,a separar o sidebar da postagem igual o meu...mas daii é claro você personaliza o seu =)

Vamos lá

Vá em design > Editar HTML > Aperte F3 ou Ctrl+F e procure por:

                                  /* Widgets                                                                                                                 E antes de fechar } cole o seguinte código:
background: #fff; /*---- 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 ----*/  

     E se vocês quiserem mudar a cor..essas coisas editarem  (veja como neste documento aqui).

Certamente quando você visualizar vai ficar com o fundo original da sua coluna por trás da caixinha, assim:



Para resolver isso é bem simples, vá em Design > Designer do modelo > Avançado > Plano de fundo da barra lateral e deixe transparente como mostra a imagem abaixo:


Feito isso você vai ver que o fundo de trás saiu, assim:



Créditos das imagens,e da onde eu aprendi -->http://goimagines.blogspot.com.br/
                                               

4 comentários:

Giisely disse...

Legal o tuto mas prefiro a barralateral junta à postagem :/
Bjiinhux
http://noisconectados.blogspot.com.br

Ana lulu disse...

ola esse tutu se aplica ao modelo viagem

Dasty-Sama disse...

MUUUUUITO BOM! Obrigada, salvou meu dia haha

Anônimo disse...

Valeu more, consegui mudar aqui! bjks