Tutorial: Cortininhas nos títulos dos gagets

Hello amores,trouxe para vocês um tutorial muito fácil... E também algumas cortininhas cuties... Mas antes do tutorial gostaria de informar que agora estou fazendo Layouts completos no blog de encomendas! Ficou a fim? Clique aqui para ir ao blog!

Bom,chega de enrolação,vamos ao tutorial?

1# O mesmo esquema de sempre lembra? Design > Editar HTML > Aperte F3 > Cole na caixinha o seguinte código:

.sidebar .widget h2 {

2# Encontrou? Agora apague tudo que estiver embaixo do código destacado em laranja,até a chave (mas não apague a chave!).

3# Ok,agora cole embaixo do código destacado em laranja o seguinte código:

font: normal normal 14px muli;
color: #fff;
background:url("URL DA CORTINA")repeat-x;
height: 40px;
margin-left: -5px;
margin-right: -5px;
margin-top: -5px;
text-align: center;
padding-top: 7px;
margin-bottom: 3px;
text-shadow: 1px 1px 3px COR DA SOMBRA DO TÍTULO;

4# Caso não queira sombra no título apague essa linha. Mas se quiser clique aqui para ir à tabela e escolher o código da cor.

5# Substitua ''URL DA CORTINA'' pelo link de alguma cortininha abaixo:

       

Créditos: Explodindo Glitter

Espero que tenham gostado.

Dúvidas? Comente aqui...

Beijinhos multi color,

Luisa...