Tutorial : Sombreado no blog

 

Oi meninas ! Eu to postando bastante tutorial neh ? Bom , agora vocês vão ver como se faz o sombreado no blog , na areá dos posts e tambem na barra lateral , pode ser só um dos dois , os dois , enfim , você escolhe , eu peguei da Cherry Bomb só pra variar ! Vamo curtir o tuto !

É bem mais simples do que parece e fica super fofo . Eu vou dar 4 opções de sombreado , então escolha o seu tipo de sombra abaixo , copia o código dela e vai para o final do post para saber como e onde aplicar !

                                     Sombra Múltipla (dos dois lados)

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 Multipla 2

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

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

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;

Esse tutorial é baseado no modelo Viagem (Travel) então os códigos podem ser diferentes para outros modelos !

Para por na areá principal do blog
Vá no seu HTML e procure por : .content-inner { E cole o código do sombreado logo abaixo deste. (Depois do " { ") 


Para por na areá dos posts 
Vá no HTML e procure por : .main-inner .column-center-outer { E cole o código do sombreado logo abaixo deste. (Depois do " { ")

Para por na coluna direita
Vá no HTML e procure por : .main-inner .fauxcolumn-right-outer .fauxcolumn-inner { E cole o código do sombreado logo abaixo deste. (Depois do " { ") 

Para colocar na coluna esquerda
Vá no HTML e procure por : .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {  E cole o código do sombreado logo abaixo deste. (Depois do " { ") 

Eu esqueci de falar que isso não pode ser aplicado no Internet Explore ok ? Espero que você tenham gostado , é bem mais simples do que parece neh ? Beijuuuuuuuuuuuuuuuuuuuus e Bjinhooos . Amanda !