Olá guys!! Vim aqui para ensinar vocês a como separar os gadgets em caixas. Além de ficar super organizado, o blog fica com uma aparência bem cute <3 Primeiro, quero dar os créditos ao Go Imagine pelo ótimo tutorial. Vejam como ficará:
Vamos lá?!
Primeiro de tudo, vá em: Design >> Editar HTML >> Dê 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 troque #fff pela cor que desejar. Recomendo ESSA tabela.
E espero que tenham gostado do tutorial!!
Beijoos
Nenhum comentário
Postar um comentário