Títulos dos gadgets "em caixas"

Oiie trazendo outro tutorial pra vocês, e acho que essa é uma das bastantes duvidas entre as blogueiras eu particularmente não gosto muito dessa caixa mais talvez vocês achem que o blog fica mais organizado veja o exemplo:

mais para isso você tem que separa os gadget do sidebar veja como nesse post (www) depois disso pode colocar essa caixinha bom vamos?

Vá em modelo -> editar HTML clique na caixa e aperta CRTL + F3 e procure por:


E antes do código acima cole:
.sidebar .widget {padding: 10px;margin-bottom: 50px; /*Espaço entre um gadget e outro*/}.sidebar .widget h2 {background: #000; /*Cor do fundo do título*/width: 150px; /*Largura do fundo, aumente se precisar*/font-family: Verdana; /*Fonte do titulo*/font-size: 14px; /*Tamanho da fonte*/font-weight: normal;line-height: 14px; /*Altura da linha, coloque o mesmo que o tamanho da fonte*/margin-top: -30px; /*Quantos pixels o título "sobe"*/margin-left: -10px;padding-left: 5px;box-shadow: 1px -1px 2px #9a9a9a;-webkit-box-shadow: 1px -1px 2px #9a9a9a;-moz-box-shadow: 1px -1px 2px #9a9a9a;}
No proprio código esta as explicações é so ler e se quiser tirar a sombra é so apagar a parte da sombra é isso meninas beijos, qualquer duvida ou dificuldade so comentar kiss.
Fonte: (www)

2 comentários:

  1. Nossa, muito obrigada, por incrível que pareça não achei esse tutorial em canto nenhum, mtt obrigada!!

    ResponderExcluir

REGRAS:

✖ Proibido xingar, insultar
✖ Faça criticas construtivas
✖ Siga, Comente e divulgue
✖ Não plagie as postagens, pegar algum post Credite
✖ Comente sobre o assunto do blog, e no final do comentário coloque o link do seu blog, que eu visitarei e seguirei.