Efeito sombreado no layout do blog




Hi Candys!
Tudo Bem? Bom Hoje eu vou postar Muito Tutoriais e Tal Só para avisar ^-^ Mais Vamos Falar Sobre o Desastre que foi Setembro Não estou falando de Nada Tipo As coisas que aconteceram em Setembro, Setembro até foi um Mês de Muito Paz 
Só que Não Mais eu estou falando do Blog Um 1 Mês inteiro o Blog só fez 5 Posts 4 Delas Minhas! Então vou fazer uma Postagem sobre isso Mais vamos Logo ao Assunto
Bem Hoje eu vou Trazer um Tutorial que eu Vi no Blog Cherry Bomb Então Vamos Começar? Bora! 

AVISO!
Os Codigos A seguir não funconam em Internet Explorer! Okay?

Sombra Múltipla (dos dois lados)
image

box-shadow: 5px 4px 7px #747474,-5px -4px 7px #747474; 
-moz-box-shadow: 5px 4px 7px #747474,-5px -4px 7px #747474; 
-webkit-box-shadow: 5px 4px 7px #747474,-5px -4px 7px #747474; 
-khtml-box-shadow: 5px 4px 7px #747474,-5px -4px 7px #747474;

Sombra Múltipla 2
image
box-shadow: 2px 2px 15px #747474,-3px -2px 10px #747474; 
-moz-box-shadow: 2px 2px 15px #747474,-3px -2px 10px #747474;
-webkit-box-shadow: 2px 2px 15px #747474,-3px -2px 10px #747474; 
-khtml-box-shadow: 2px 2px 15px #747474,-3px -2px 10px #747474; 

Sombra á direita
image
box-shadow: 2px 4px 15px #747474; 
-moz-box-shadow: 2px 4px 15px #747474; 
-webkit-box-shadow: 2px 4px 15px #747474; 
-khtml-box-shadow: 2px 4px 15px #747474; 

Sombra á esquerda
image
box-shadow: -2px 4px 15px #747474; 
-moz-box-shadow: -2px 4px 15px #747474; 
-webkit-box-shadow: -2px 4px 15px #747474; 
-khtml-box-shadow: -2px 4px 15px #747474;  


Onde Colocar: 
ATENÇÃO:Esse tutorial foi baseado no modelo Viagem do blogger, então os códigos podem ser diferentes em outros modelos!

[th_seta2.gif] Para por na área principal do blog

Vá no seu HTML e procure por:

.content-inner {
E Depois Cole o Codigo do Sombreado abaixo Deste. (Depois do " { ")

th_seta Para por na área dos posts

Vá no seu HTML e procure por:

.main-inner .column-center-outer {

E cole o código do sombreado logo abaixo deste. (Depois do " { ") 

th_seta Para por na coluna direita

Vá no seu HTML e procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
E cole o código do sombreado logo abaixo deste. (Depois do " { ") 

th_seta Para por na coluna esquerda

Vá no seu HTML e procure por:

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {

E cole o código do sombreado logo abaixo deste. (Depois do " { ")

Bom gente Esse foi o Tutorial E Novamente os Créditos Vão ao Cherry Bomb
Espero que tenham Gostado do Post 

Kisses Candys!


Comentários

Postagens mais visitadas deste blog

Novo Layout + PDB + [TAG] Retrato Chinês

I'm Back + [TAG] As 10 perguntas

[TAG] Tag da verdade