Tutorial - Como retirar borda das imagens!

262478_235976076435671_182539905112622_783610_2065975_n_large
Olá pessoal! Este é meu primeiro tutorial e eu vou ensinar como retirar a borda das imagens.
Bom, geralmente no blogger, fica uma bordinha nas imagens como essa:
 < Borda que fica feia, principalmente em gifs.
E hoje vamos retirá-la. E ela daí ficar assim:
 < Sem borda.
É super simples. Vamos começar?
Tutorial:
Primeiro, vá em seu blog, editar HTML e aperte os botões Ctrl + F. Na barrinha de pesquisa que aparecer, pesquise por:
background: $(image.background.color);
E vai aparecer destacado de laranja. Assim:

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

Agora troque o (0,0,0, .1); por (0,0,0, .0). Ficando assim:

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


Pronto. Visualize e se estiver correto, salve.
Simples, não? Espero que tenham entendido. Beijokiss!

0 comentários:

Postar um comentário