 |
| Imagem antes |
 |
| Imagem depois |
Até agora, todas as imagens que colocava nos posts apresentavam uma margem lateral como uma borda. É como se a imagem ficasse aprisionada dentro de um quadrado ou retângulo.
Pesquisei pela Internet uma forma de eliminar essa borda das imagens e encontrei a resposta no Fórum de Ajuda do Blogger.
Como eu já disse, não sou expert HTML. Sou tão somente um novato que vai fazendo na base da tentativa. Errando e acertando.
Nesse caso eu acertei. Fiz direitinho como exposto abaixo e está funcionando perfeitamente. Sumiram todas as bordas, de todos os posts. Ficou uma beleza.
1- Vá em Painel -> Clica em Design -> aba Editar HTML
2- Dá um CTRL+F e digita:
background: $(image.background.color)
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);
Para tirar a borda, mudei os últimos (1) para (0) e na segunda linha o (border: 1px) para (border: 0px)
Então ficou 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);
Tá pronto, simples assim. Mais se vai fazer mudança no HTML e quer ficar mais seguro, pode fazer antes um backup para desfazer qualquer coisa que não dê certo. Aqui mesmo você pode saber como fazer isso Como fazer o backup do seu Blog.
17 comentários:
n adiantou =/
para dar certo coloqei 0 em cada numero q existia nessa parte. aí deu certo, ficou assim:
background: $(image.background.color);
border: 0px solid $(image.border.color);
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, .0);
assim, funfou!
Beleza Carla.
Obrigado por compartilhar sua experiência.
É assim que a gente vai aprendendo.
Vlw deu certinho!!!
Obrigada Até que emfim consegui tirar a borda
Obrigada! Me ajudou muito. :D
Muito obrigado!!!
Deixei tudo 0 e deu certinho!
No meu não há este código...
Consegui tirar a borda alterando este código:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 5px;
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);
Onde tem 5 coloquei 0. Deu certo!
nenhum desses funcionou para mim! Não há esses códigos no meu! Alguém me ajuda? Já estou ficando maluca com isso!
Obrigado! Muito obrigado.
certinho, valeu pela dica!!
Finalmente uma instrução que funcionou!! Já tinha procurado esta informação, mas não funcionava!
Muito obrigada!
Muito obrigada pela sua super dica! A borda nas imagens estava a irritar-me e não encontrava solução para a remover, posso dizer passei horas nas configurações para ver se descobria. O seu post foi milagroso, em segundos meu problema ficou resolvido. Parabéns pela clareza da explicação.
Muitoooooooooooo obrigado!!!!!!!!!!!!1
Calbebeto, deu tudo certo da maneira como você falou. Obrigado pela dica.
Desde que fizeram alterações nos códigos html, este código já não funciona, como faço agora?
Postar um comentário