Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

24/02/2012

Sombra na fonte dos títulos!!!

Não, não é esse tipo de sombra... Hihihi!!!
Como ontem eu acabei acordando tarde (#Confesso), decidi fazer um tutorial bem simples pra não dar muito trabalho. Sei que vários blogs já ensinaram isso, mas como sei que tem muita gente que gosta do jeito que eu explico, não tenho remorsos em fazer o tuto aqui também.
Olhe para o título dessa postagem. Está percebendo uma leve sombra roxa??? Pois é, isso não é imagem, nem nada psicodélico e dificílimo. É apenas um pequeno código bem fácil que eu coloquei no CSS do meu template. É bem simples mesmo, tanto que você vai até dizer: "Noooossa, Sheila, é só isso??? Tá muito fácil, passa uma mais difícil!!!".
O melhor de tudo é que você pode colocá-lo em qualquer lugar que tenha fonte: no título da postagem, no título das colunas, no título do seu blog (se você não usar uma imagem no lugar dele). Eu só recomendo que você não use nas postagens ou em outro lugar que não seja título. Pois em grande quantidade, fica muito ruim de ler.

Colocando o código:
Vá no Designer do Modelo, que fica na guia Modelo> Personalizar (o botãozinho laranja abaixo do seu template atual). Ao abrir completamente o Designer do Modelo (tem que aparecer uma visualização do seu template atual abaixo), clique na guia Avançado (última guia) > Adicionar CSS (última opção da lista), vai abrir uma caixa branca onde está escrito em cinza: "Adicionar o CSS aqui para substituir estilos existentes". Aqui nós vamos colar o seguinte código (em vermelho, de acordo com o lugar que você quer colocar a sombra):

No título das colunas (h2):
h2 {text-shadow: 0px 3px 3px #3a3a3a;}

No cabeçalho da data:
h2.date-header {text-shadow: 0px 3px 3px #3a3a3a;}

No título das postagens:
h3.post-title {text-shadow: 0px 3px 3px #3a3a3a;}

No título do blog:
.header-outer {text-shadow: 0px 3px 3px #3a3a3a;}

Imediatamente, você já verá no seu template a sombra no lugar escolhido. Se estiver ao seu gosto, clique em "Aplicar ao Blog". Se não, ainda há umas modificações que você pode fazer.
Você pode aumentar ou diminuir os valores de 0px 3px 3px para deixar a sombra mais fina ou mais grossa, ou pode trocar o código #3a3a3a por outro código da cor que você preferir. Clique neste link para ver uma tabela com as principais cores em Hexadecimal e em Named Colors.
 
Viu como é "simplérrimo"??? Eu coloquei os códigos baseados nos novos modelos do blogger, se você usa um antigo, procure o CSS correspondente, ou deixe um comentário que eu te ajudo.
Ah, se você quiser colocar o código no próprio HTML, é só procurar pelo código do lugar que você quer colocar a sombra (h2, h2.date-header, h3.post-tille ou .header-outer) e colar o código antes de fechar os colchetes.

Clique aqui para saber o que cada número do código significa.

Agora vou ao famoso momento em que eu falo de uma coisa nada a ver: gente, anteontem eu e minha irmã escolhemos a imagem para a próxima Homenagem de "Quinta". Gente, eu estou dooooooooooida pra mostar para vocês, tenho certeza que muitas blogueiras vão ter uma ataque do coração quando virem!!! Tenho certeza de que muita gente vai gostar da próxima homenagem!!!

Mil Sweetkisses,
13 Comentários
Comentários

13 comentários:

  1. Adorei bem simples, vou fazer la no blog! se fica bom vou salvar!♥
    kisses♥ http://kelly-club.blogspot.com/

    ResponderExcluir
  2. Oi Sheila, então como vou postar na quarta, vc pode mandar até terça! ;)

    pode ser?


    beijossssss

    ResponderExcluir
  3. ual sheila vc sempre me impreciona em?

    e obrigado por tentar rrumar um espaçonho pro me blg no seu! fico muito honrrada!

    beijoes é uma otima semana tb

    ResponderExcluir
  4. Obrigada, agradeço muito, eh bom ter pessoas como você que gosta de ajudar!
    qualquer duvida irei perguntar sim!
    beijoooos

    ResponderExcluir
  5. Obrigada! Demorei, mas pelo menos consegui! Bom Final De Semana pra você também!

    ResponderExcluir
  6. PUTZ!! Sheila ou é minha TPM, ou eu ando meia loira... kkkkkk... li e não entendi, gente tá dificil, eu ando muito desperça.
    Deixa as coisas se acalmar que vou tentar, já procurei até este tutorial na net e não consegui fazer.
    Sabe o que eu queriaaa... colocar minha data em forma de calendario!! Já tentei todos os tuto por aí e nenhum funcionou, será que vc pode tentar fazer um pra sua amiga aquiiiii *.*?? HEIN? Ç.Ç
    Rsrsrsrs.... ahhhhhhhhhhhhhhhhhh... se viu tbm o Will está no RJ, quase tive um treco, ainda está e eu malucaaa... fiquei roxa de inveja de tudo, queria dar uma pegada nele... kkkkkkkkkkkkk... (que isso Jane tu é uma menina casada e ele tbm) Mais um pega do bem, abraçar, cheirar ele... dizer I love You Will!! Kkkkkkkkkkkkkkkk
    Olha eu toda derretida!!
    Menina eu vivo comprando coisa pela aparência, preciso parar com isso, eu hein!!
    Mais pode deixar, antes de comprar um NOT vou pesquisar bastante.
    Ahhhh... vc nem viu que te indiquei selinhoooooooo... perai que vou ver em qual Tag está!! Já volto.

    ResponderExcluir
  7. O 1º selo eu indiquei vc, o 2º tbm, o 3º tbm e o 4º que é a tag de imagem de desenhos que marcaram nossa infancia... rsrsrsrs e os ultimos é pra todo mundo, inclusive vc.
    Menina eu me perdi tbm nesse negocio de selo, vc viu que a postagem ficou enormeeeee.
    Nhaaaaa... obrigada pelos parabéns, eu estou felis da vida, mais uma primavera.
    Rsrsrsrsrs... acho que é só, se faltar volto aqui!! Kissu!! ♥

    ResponderExcluir
  8. Fica muito fofo com a sombra :)

    Bjs,
    Giih!

    http://blogdasmeninasblogueiras.blogspot.com

    ResponderExcluir
  9. Muito legal esse tutorial,ótimo fim de semana pra você também.bjs
    http://Raymiga.blogspot.com

    ResponderExcluir
  10. Oi sheila, me passa seu e-mail (eu não aceito o comentário) dae vou mandar o texto e a pergunta, vc me responde lah

    bjooos

    ResponderExcluir
  11. Oi sheilinha , amei muito a dica, vai ajudar bastante gente! Hey, não consegui te adc no face, vai lá no meu sobre e clica no ícone do face e me adc! Espero por você lá. Beijão e Bom sábado! // www.spiderwebs.tk

    ResponderExcluir
  12. Oi, linda!
    Escolhi você pra participar da minha tag corre lá e responde as minhas perguntinhas aqui no seu Blog, você vai gostar!
    http://flashesd.blogspot.com/2012/02/respondendo-uma-tag.html
    Beijos, espero que goste!

    ResponderExcluir
  13. Bem simples e explicadinho!bjns
    http://cadernocolorido.blogspot.com

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados