Image Map

08/07/2013

Sombra interna no blog

floreeees <3 
 Pra voltar com os meus posts do modo mais certo possível, hoje tem pedido de uma leitora! :D Ela pediu tutorial de como colocar essa sombra que tem na área dos posts e dos gadgets do blog.
 Enfim, acabei esquecendo de terminar esse post ontem e por isso o atraso de hoje, então vou ir direto ao ponto, ok?
 Pra colocar a sombra na área dos posts, abra o HTML do seu blog (Modelo> Editar HTML), tecle ctrl+F e procure por:
.main-inner .column-center-inner {
 Quando achar, cole abaixo desse código o seguinte:
box-shadow: 0 0 15px #ccc; 0 0 5px #ccc;
 Visualize e, se estiver tudo certo, salve! Você pode mudar os códigos em negrito se quiser mudar as cores, usando os códigos que tem aqui.
 Se quiser adicionar a sombra na sidebar, tecle ctrl+F (ainda no html do seu blog) e procure por:
.main-inner .column-right-inner {
 Se a sua sidebar for na direita, e por:
.main-inner .column-left-inner { 
 Se a sua sidebar for na esquerda. Em qualquer uma dessas sidebars, você só precisa adicionar abaixo do código encontrado o seguinte código:
box-shadow: 0 0 15px #ccc; 0 0 5px #ccc;
 E é isso, visualize se deu certo e salve! :D Espero que consigam, qualquer dúvida só comentar ou enviar ask, ok? E me mandem pedidos de posts, por favor!
 Beijos!


33 comentários:

  1. Aim que gracinha que ficou o blog *-*
    E sobre a pergunta da Laura...
    as estampas solares não estão incluídas no sorteio por serem o dobro mais cara que as outras!! :)
    Um super beijo pra você, fica com Deus

    http://www.delicadinhah.com.br/



    ResponderExcluir
  2. Awn, fica uma gracinha mesmo *OO* Talvez use, viu, sua diva ♥

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  3. O blog fica uma gracinha com essa sombra.Vou pensar em um post bem legal para você fazer e depois peço pela ask ok?
    Beijinhos com glitter ♥
    universoteengirl-porlarissa.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada Lari! Ok, vou ficar esperando, viu? <3

      Excluir
  4. Ahh que legal! Já vi blogs utilizando essa sobra interna na sidebar que ficaram com um efeito bem legal, além de ser bem fácil de fazer fica lindo <3 Beijos, Manu!

    http://vocepodeserumadiva.blogspot.com.br/

    ResponderExcluir
  5. Ah que legal! E o blog tá lindo, amei o layout!

    xx,
    www.likeparadise.com.br

    ResponderExcluir
  6. Parece que fica bem legal *--*
    fashion em cores -.com

    ResponderExcluir
  7. Eu acho que esse efeito deixa bem fofo, acho que vou usar! :3
    Bjo, Sel ;*

    Jovens Gordinhas
    Unicórnio com Bigode

    ResponderExcluir
  8. gostei da dica, bem legal e fácil
    beijos
    http://diario-demim.blogspot.com.br/

    ResponderExcluir
  9. Paulinda ;3 Não entendi muito bem o resultado do tutorial, tipo qual é o efeito que ele deixa? #lerda aqui.
    coff-cake.blogspot.com

    ResponderExcluir
    Respostas
    1. Amandaa <3 Deixa as bordas da área dos posts e da sidebar iguais as daqui do blog ^3^

      Excluir
  10. Paula, que saudades! Finalmente você voltou, você é a alma desse blog! O tutorial é bem fácil e eu já usei e pretendo usá-lo novamente. Deixa a área mais personalizada. Ah, o layout está lindo!

    Beijos ♡
    World Cutest | Twitter do blog | Twitter pessoal

    ResponderExcluir
    Respostas
    1. Ooown, brigada Anna! Tava com uma super saudade dos seus comentários e do seu bloguito<3
      Quero ver usando viu? hahaha Beijos!

      Excluir
  11. *O* Já conhecia, uso e adoro >3< Me gusta shadows -q
    Kiss ~

    letterofpain.blogspot.com

    ResponderExcluir
    Respostas
    1. Aaaaaw, que legal! *u* Somos duas <3 ahsuhsu

      Excluir
  12. Diwosa com tutoriais diwosos dona de um blog diwoso *u*
    Beijos!
    Bonjour, Une Glacée ♥

    ResponderExcluir
  13. Que fácil, hein? ♥ Amei o tutorial. Você arrasa, Paulinha!

    >>Visite o Blog<<
    - xoxo –

    ResponderExcluir
  14. Não vou usar, pois acho que nem combina com o layout do meu blog e também não sei nem um pouco fazer alterações haha.
    Mas o resultado provavelmente fica legal *-*

    Sweet Teen

    ResponderExcluir
  15. Adorei esse tutorial. Estou pensando em mudar o layout, vou fazer uns testes e talvez uso essa sombra. bjus!

    galerafashion.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada, bom que gostou! Aaah sim, boa sorte com o layout!

      Excluir
  16. Lindo, sombra projetada <3, teve uma hora que você confundiu/corretor autómatico compra e sombra uehuehuehueheuh

    Beijus

    ResponderExcluir