Como retirar bordas das imagens no Post



O nosso tutorial de hoje é indispensável , muita das vezes ao postar imagens elas ficam com bordas ou assombreadas o que deixa a imagem desproporcional principalmente ao publicar mini gifs.

Hoje vamos aprender a retirar de uma forma simples e fácil.

Procure no HTML do seu blog o seguinte trecho:

.post-body img,

ou

.post img{

Após ter localizado observe abaixo o que deve ser retirado.

.post-body img, .post-body {
padding: 5px;border: 2px solid #E6E6FA;background: #FFFFFF;
-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);
}

ou

.post img{
padding:4px;
border:3px solid $bordercolor;
background: #2E8B57;
}

Como notaram é para retirar os trechos a cima do seu HTML Estes são apenas exemplos pôs cada blog usa uma ordem diferente nos códigos é bem provável que no seu blog esteja escrito diferente.

Antes de salvar click em visualizar para conferir o resultado das imagens sem as bordas ou o efeito assombreado.

17 comentários:

  1. Prefiro mil vezes a imagem sem borda, em algumas ocasiões atrapalha muito, bom tutorial e é bem fácil! *-*
    Sonhos de Mel
    -M

    ResponderExcluir
  2. Hermoso, dany esta genial... muito bonito!!

    ResponderExcluir
  3. Oii tudo bem? Gostei do post ^-^ Bjs!

    Hoje tem post novo, passa por lá! ->
    http://lala-mh-ecologico.blogspot.com.br/

    ResponderExcluir
  4. Que bacana amiga!!!
    E ai? se jogou nas plaquinhas?! rsrsrs
    Beijos!!!

    ResponderExcluir
  5. Obrigado por visitar o meu blog ..
    ^ ^ Eu segui-lo e você gostaria de seguir o meu?
    http://dayfananimes.blogspot.com

    ResponderExcluir
  6. Uma fofura, deixa qualquer blog super meigo :3
    fashion em cores (.com)

    ResponderExcluir
  7. Adorei a dica :D
    Ótimo post!!

    Beijokas
    felicidade-essencial.blogspot.com.br

    ResponderExcluir
  8. Adorei o Tutorial, super fácil e útil !
    http://ohcherries.blogspot.com.br/

    ResponderExcluir
  9. um tuto muito util
    http://cheyenne-opscresci.blogspot.com

    ResponderExcluir
  10. Nooossa, quando criei meu blog fiquei loooouca atrás de um tutorial desse! hahaha
    Adorei!

    www.docesdias.com

    ResponderExcluir
  11. Adorei demais esse tuto, não uso mas bordas, mas é bom eu saber disso, pois tuto para retirar as bordar eu ainda não tinha visto.
    Beijinhos
    Facebook do blog
    conversando-com-a-lua.blogspot.com.br

    ResponderExcluir
  12. Muito util seu tutorial, lindo seu blog.
    Obrigada por seguir meu blog, ja estou te seguindo aqui.
    www.atitudediva.blogspot.com.br

    ResponderExcluir
  13. Hoje vim te convidar a visitar o FOLHAS DE OUTONO através do Poema LENTES DO MEU OLHAR!
    Que pode ser considerado uma arte,mas que na realidade revela o movimento que tem o teu olhar.
    Peço desculpas por não poder deixar comentário,mas te espero lá para falar de vida e de lente que faz reinar a beleza da luz ...
    bjs e até minha volta recuperada !

    ResponderExcluir
  14. Oi Dany lembra que te mandei o e-mail falando sobre isso, queria te agradecer viu, deu certo e ajudou muitooooooooooo!!!
    bjcas!!!

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥