sexta-feira, 29 de abril de 2011

Tutorial - Como retirar borda das imagens!

Hey gente! Tudo bem?
Gente, eu estava (de novo) procurando tutoriais para melhorar o blog quando achei no The Teens 4ever um tutorial explicando como tirar a borda das imagens. Fiquei muito curiosa, pois eu odeio essa borda idiota. Mas quando fui colocar em prática, vi que o tutorial só funciona com o modelo antigão do blogger. Então, fui pesquisar na internet e achei num fórum e resolvi postar aqui para ajudar vocês!
.Wonderwall.: What Can I Call It? Maybe Inspiration
Clique em "Continue Lendo" para ver o tutorial.


Tutorial:
 Antes de tudo, faça Download do seu modelo para não dar problemas. Sempre visualize antes de salvar.


Dá um CTRL+F e digita: 
background: $(image.background.color);



E então essa tag aparecerá destacada em laranja
Então vai aparecer um código 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);



Substitua o código destacado de vermelho com cuidado pelo código:


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



Agora visualize, se tiver tudo ok, Salve o modelo. 
Pronto, espero que eu tenha ajudado! Beijos!

Um comentário:

  1. Larissa, Obrigada por seguir :D!
    Seguidores fazem o blog mais legal!
    Bom, eu amei o tutorial, funciona bem, obrigada!
    Também tinha tentando no The Teens 4ever mas não tinha conseguido... Obrigada!
    #seguindo de volta!
    beijos!

    ResponderExcluir