Seu Blog

Aqui você encontrará algumas coisas para incrementar no layout do seu blog!!

--------------------------------------------------------------------------------------------------------------

->Como separar gadgets em caixas
Créditos ao blog Go Imagine(veja aqui o post)
Aqui irei ensinar como você separa os gadgets em caixas.Atualmente não estou usando no meu blog,ok?
Vá em Modelo-> Editar HTML-> Aperte F3 ou Ctrl+F e procure por:

/* Widgets

E antes de fechar o } 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 ----*/

Se você quiser pode mudar a cor da caixa (trocando o #fff pela cor que quiser),mudar o valor de padding,remover a sombra da caixa e as bordas arredondadas apagando toda a linha das mesmas  e você também pode personalizar a borda e a sombra(veja como nesse documento aqui)
Quando você visualizar vai ficar o fundo original da coluna por trás da caixa,assim:
Para não ficar com o fundo é bem simples,vá em Design->Designer do Modelo->Avançado->Plano de Fundo da Barra Lateral e deixe transparente.Feito isso você vai ver que o fundo de trás saiu assim:
Espero que tenham gostado!! Peçam ai nos comentários tutoriais que quiserem para o seu blog.Lembre-se: TOTAIS CRÉDITOS AO GO IMAGINE !!!
Beijos,e até o próximo post!
Mari

0 comentários:

Postar um comentário

Sugestões,dicas,pedidos...comente! Não se esqueça de deixar o endereço do seu blog para retribuir a visitinha ;)