Como retirar as sombras das imagens do blog | Quero Dicas Quero Dicas : Como retirar as sombras das imagens do blog

Quero Dicas : Como retirar as sombras das imagens do blog

Como retirar as sombras das imagens do blog

| |

Como retirar as sombras das imagens do blog

Tenho milhares de postagens para ensinar a vocês, são tantas, que nem sei por onde começar (risos).

Mais hoje vou ensinar, como retirar as sombras das imagens do seu blog. Muitas vezes, não queremos colocar as fotos com cores ao fundo, mais mesmos quando selecionamos "transparente", ainda fica aquela sombra chata lá aparecendo. Mas tudo bem, agora você vai saber como retirá-las. Vamos lá?


   TUTORIAL


1 - Acesse ao painel do seu blogger, vá em "Modelo",  "Personalizar", "Avançados"e depois selecione em "Imagens".  Coloque o plano de fundo e a borda "Transparente".

2 - Clique em "Aplicar ao blog"e volte ao painel de modelo.

Veja na imagem. Clique para ampliá-la.

3 - Agora entre no HTML do seu blog e procure por:

.post-body img 

 

 4 - Você vai encontrar 2 códigos iguais. Abaixo do código que procura, tem um código parecido com este↓. (Talvez, esteja no primeiro, como no meu caso).

background: $(image.background.color);
border: 1px solid $(image.border.color);

5 - Logo abaixo dele, tem este ↓. Apague-o. Mais cuidado para não apagar a chave de fechamento." } "

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

Veja na imagem

6 - Salve e pronto! As sombras agora não vão mais aparecer.

Espero ter ajudado. 
Beijinhos



Compartilhe

* Você reservou um tempinho para comentar? *

Desde já agradeço!

Devido a falta de tempo, não prometo responder a todos os comentários. Mas farei o possível!


14 comentários:

  1. Olá, segui o tutorial certinho e deu certo...mas agora as imagens estão separadas =(

    ResponderExcluir
    Respostas
    1. Como assim separadas? me explique melhor.

      Excluir
    2. Acho melhor você vê porq sou péssima em explicações rs
      se quiser ver é claro, http://changeable-girl.blogspot.com.br/2015/04/looks-da-loja-enyfour.html as fotos estavam juntas antes e agora estão assim, fui editar a postagem mais estão juntas no "maximo".

      Excluir
    3. Bom Maria, eu realmente iria falar para você voltar a sua postagem e somente edita-las, amais você já falou que já o fez. Então faça o seguinte: Entre novamente na sua postagem e em seu html. Veja o link da sua imagem e se tem algo escrito como "img border="0". Mude o valor que estiver pelo numero 0, como mostrado no meu.
      Caso não encontre, procure por: style="margin-left: 1em;e margin-right: 1em;", troque o numero 1 pelo 0 e diga se resolveu.
      Em ultimo caso e mais extremo, selecione todo o seu post e clique em "Remover Formatação" e depois arrumar do mesmo jeitinho que antes. =D
      Beijinhos ♥

      Excluir
    4. Olá bia, achei assim "margin-bottom: 1em; margin-right: 1em" mudei todos para "0" e as imagens juntaram mas ficou um espacinho, porém está bom assim rsrs :)
      Obrigadooooo! :-bd

      Excluir
    5. Que bom que deu certo. Qualquer duvida, é só falar! =D

      Excluir
  2. Deu super certo, to adorando suas dicas. Obrigada

    ResponderExcluir
    Respostas
    1. Por lada minha linda. Caso precise de algo mais sobre dicas e que ainda não postei, é só falar =D Beijinhos ♥

      Excluir
  3. Respostas
    1. Oi Layza. Felizmente, todos tem opções de imagens. O código pode variar, dependendo do modelo. Este foi estado no modelo Travel e no simples.

      Excluir
  4. Respostas
    1. Por nada minha linda. Quando precisar,e se eu puder ajudar, é só avisar =D
      Beijinhos♥

      Excluir
  5. Ai que tuudooo ! deu certinho, adorei, Obrigada ;)

    ResponderExcluir

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir