30/07/2012

Tutorial: Colocando sombra no título dos widget

||

Yo meus amores bem irei msotrar como colocar sombra no título dos widget então vamos lá!!!

Siga em primeiro em:
Design >> Editar HTML (Antiga interface)
Modelo >> Editar HTML >> Prosseguir (Nova interface)
 Em seguida clique em Expandir modelos de widgets como na imagem abaixo

Então use o atalho Ctrl+F para achar 

.footer-inner .widget h2

Se não achar procure então por 

 #sidebar1 h2, #sidebar2 h2, #sidebar3 h2, #sidebar4 h2 {
 

Abaixo do trecho citado acima cole esse codigo

text-shadow: 1px 2px 1px #FFFFFF;

A onde esta em verde e onde coloca a cor que desejar aparecer. No final ele ficar assim:

1º Citado

    .footer-inner .widget h2,.sidebar .widget h2 {text-shadow: 1px 2px 1px  #FFFFFF;}

2º Citado

    #sidebar1 h2, #sidebar2 h2, #sidebar3 h2, #sidebar4 h2 {text-shadow: 1px 2px 1px #FFFFFF;margin: -15px 0px 10px 0px;}

Salve e prontinho!!!

2 comentários:

  1. Florzinha, amei o tuto. Me ensina a fazer esse menu extras q vc fez? Beijos
    mundomaniateen.blogspot.com

    ResponderExcluir
    Respostas
    1. Yoo Cacau já tenho esse tutu aqui no blog: cantinhodadrw.blogspot.com.br/2012/09/menu-em-abas.html

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram