Páginas

quinta-feira, 8 de maio de 2014

Como retirar a sombra das imagens no Blogger

Com um simples código em CSS, retire a sombra que é padrão em alguns templates do Blogger.


Reformulando um pouco o visual aqui do Blogfólio, uma das primeiras coisas a alterar foi a configuração da exibição de imagens. Por padrão, meu template coloca, automaticamente, uma borda branca e uma sombra em volta de qualquer imagem publicada. Como não gostei do resultado disso, retirei tudo, com um simples código. O passo a passo é simples:

1. No seu painel do Blogger, acesse Configurações > Modelo, depois clique no botão "Personalizar". Depois que o painel se abrir em outra página, clique na opção "Avançado". Role a barra até o final e selecione "Adicionar CSS"

A caixa branca acima deve ser o seu destino final do painel.
2. Agora é só copiar o código abaixo e colar na caixa branca.
Clique em "Aplicar ao blog" e pronto! Isso deve retirar a sombra das imagens. O resultado você pode comprar na imagem abaixo.

Imagem com borda e sombra x borda e sombra removidas.

26 comentários:

  1. Te amo demais, tinha tentando de um outra forma que vi em muitos sites, mas o HTML dava erro!
    Sua dica me salvou!!
    OBRIGADA!

    ResponderExcluir
  2. Obrigada!!! Perfeito, todas as outras forma são MUITO complicadas. Fincionou na Hora. Grata!!!

    ResponderExcluir
  3. Muito obrigada ! Todas as outras são mt complicadas ajudou dms

    ResponderExcluir
  4. Putz! Te amo, cara! porque é tão raro encontrar tutoriais/dicas pelo recurso do "Adicionar CSS" do blogger? Deu certinho, obrigada!

    ResponderExcluir
  5. Perfeito! Tava me matando, tentando resolver pelo html. Valeu!

    ResponderExcluir
  6. Muito obrigada!! Muito bom seu tutorial, o único que funcionou no meu template. Vou recomendar essa postagem lá no meu blog depois. =D

    ResponderExcluir
  7. De fato tirou a borda de todas imagens, mas eu gostaria de saber como retirar a borda branca de um html na lateral, por exemplo, coloquei um chat no meu blog, porém não fica como o seu, há espaço em branco enorme ao lado. Como resolvo isso?

    ResponderExcluir
  8. André, boa tarde!

    Uso o modelo simples do blog mas o css nao funcionou.

    ResponderExcluir
    Respostas
    1. Olá! Aparece alguma mensagem de erro? Certifique-se que está inserindo o código no lugar certo.

      Excluir
  9. Muitíssimo agradecido! Funcionou. Grande abraço!

    ResponderExcluir
  10. Obrigadaaaa! Já estava quase desistindo! Você é um ANJO

    ResponderExcluir
  11. Como agente faz pra tirar a sombra do texto? As vezes eu compartilho algo de um outro blog e quando vou ver pelo celular, tem uma sombra branca por trás do texto... me ajude pfv

    ResponderExcluir
    Respostas
    1. Olá, Ricardo!
      Tente inserir o seguinte atributo no seu CSS:
      text-shadow: none;

      Boa sorte!

      Excluir
  12. Olá, Andre! Tem ideia de como retirar a sombra sobre a imagem? Em alguns posts é como um filtro, que aparece ou some quando passamos o cursor.

    ResponderExcluir
  13. Perfeito, sem defeitos!

    ResponderExcluir
  14. Parabéns pelo teu trabalho, perfeito, inclusive deveria dar continuidade, pois profissionais assim são poucos, e objetivos como tu, são raros..Parabéns Equipe da Correio

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...