COMO TIRAR AS BORDAS BRANCAS QUE APARECEM NAS IMAGENS QUANDO POSTADAS - Convites Digitais Simples

Anúncio

COMO TIRAR AS BORDAS BRANCAS QUE APARECEM NAS IMAGENS QUANDO POSTADAS

         Passei horas procurando  "como tirar as bordas brancas das postagens", não sei se incomoda algumas pessoas, mas me incomodava muito, achava feio aquelas bordas nas imagens. Procurei, procurei e achei um post e vou tentar colocar de forma mais clara possível.
        Era assim que ficavam as imagens antes de encontrar a solução ...com essas bordas que eu não gostava nem um pouco. Olhem como ficavam as imagens emPNG, com um fundo branco que atrapalhava muito, principalmente na hora de postar, porque o branco ocupava muito espaço.



Agora, depois de seguir todas as dicas, as imagens ficaram bem melhor ...vejam a diferença !!!


Bem vamos deixar de enrolação e vamos ao que interessa, é simples de ser feito, é só um pouquinho de atenção e pronto !!!
Abrir o blog....Designs....Modelo....Editar HTML....Clic dentro da caixa de códigos e Ctrl + f para abrir a caixa de pesquisa. Então procure por estes códigos:


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

-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);

Depois que encontrar substitua os números que aparecem em Cor de Rosa...por zero. Vai ficar assim:

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

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

    Dê uma visualizada no blog...se estiver tudo ok é só salvar e pronto!!!  Mas....sempre tem um mas não é?
    Se esta dica não der certo, ainda tem mais uma. Vamos lá...... Voltando para a caixa de códigos (HTML)....

                   Digite       /* Widgets

                  Vá procurando nas linhas abaixo por : 

                       background: #fff;

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

                 Apague todas essas partes, dê outra visualizada para ver se deu certo. todas as imagens dos posts inclusive do side bar estarão sem aquela borda branca cruel. Explicando :
                         
                 background: #fff;    ( é a borda branca)
                 e o restante, os outros códigos  ( é uma sombra que fica nas imagens postadas).
                  
                  Espero ter ajudado...no meu blog a segunda opção foi a que deu certo !!!
    A solução desse problema de tanto procurar, encontrei no Blog: " Um toque para Você".
                   

5 comentários:

  1. Já tentei de tudo, mas porque será que no meu não dá?

    ResponderExcluir
  2. perfeitoooooooooo, essa segunda opção me salvou! Obrigada baby *-*

    ResponderExcluir
  3. Depois de 3 horas tentando todos os tutoriais da internet, achei você!!! Obrigada, a segunda opção deu super certo pra mim! Beijos

    ResponderExcluir
  4. Muito boa! A segunda opção salvou! Ótimas dicas!

    Blog Literário: http://santaliteratura.blogspot.com.br/

    ResponderExcluir
  5. Não consegui com a primeira dica, mas a segunda dica me ajudou muito. Obrigada

    ResponderExcluir

Olá, seja bem vindo ao Blog, em breve responderei ao seu pedido ou dúvida. Se precisarem de algum kit exclusivo, e fazer um orçamento, deixe seu email nos comentários, ou entre em contato pelo email:
artesdigitalsimples@gmail.com