Hello, pessinhas, tudo certinho com vocês? Hoje eu trouxe um tutorial muito legal e que dá um efeito muito bom, é a sombra no texto dos posts e como colocar sombra no título dos gadgets e no que está escrito neles também (:
Vamos lá?
Bom se vocês repararem o meu não dá para ver o efeito, porque eu coloquei a sombra na cor branca, mas se você selecionar vai ver que tem a sombra e fica muito legal.
Sombra no Texto do Post:
Primeiro passo, vá em Editar HTML, mas não marque a opção Expandir Modelos de widgets.
Agora aperte CTRL+F e procure por
.main-inner .column-center-inner {Achou? agora cole abaixo do código que você pesquisou o seguinte código:
text-shadow:#767676 0px 0px 1px;Onde está em azul, é aonde você deve colocar o código da cor que você quer que fique como sombra, aconselho essa tabela de cores aqui.
Vizualize, se estiver tudo ok, salve.
Se vocês viram no meu só aparece quando seleciona, por isso coloquei a cor da seleção preta, mas também se perceberem viram que a letra fica branca, isso já é outro tutorail, que mais para frente eu ensino.
Agora vamos colocar sombra no Titulo dos Gadgets
Vá em Disgn>Editar HTML>CRTL+F e procure por:
.footer-inner .widget h2,Estará mais ou menos assim:
.footer-inner .widget h2,É só colar o mesmo código text-shadow:#767676 0px 0px 1px; Abaixo do que você procurou acima e fazer as alterações que desejar.
.sidebar .widget h2 {
O resultato ficará mais ou menos assim
Agora sombra no texto dos Gadgets, eu juro para vocês, que eu estava procurando algum tutorial que ensinasse a colocar sombra no título e nos gadgets, e ai quando eu fui mudar o efeito de sembra que estava no texto, atravéz do mesmo código eu consegui, e aconteceu do nada e de um erro, pois eu tinha procurado errado.
Agora vamos então colocar a sombra no texto dos gadgets
faça o mesmo processo de ir em disgn ...
e procure por:
.sidebar .widget {e cole o mesmo código, sempre abaixo do que você procurou e faça as alterações necessárias.
text-shadow:#767676 0px 0px 1px;Resultado:
Se usar comente e credite ok (:
A antes que eu me esqueça, o código de colocar sombra no texto do post eu achei no Attitude Included, Porém eu que achei uma forma de colocar no titulo dos gadget e no texto, porque eu nunca achava em nenhum site.
Espero que tenham gostado
Nossa, me ajudou muuito *----*, obrigada :D
ResponderExcluirencontrei seu blog por acaso, valeu a pena.
seguindo ja (:
www.garotasglitter.blogspot.com