Hello Lovely, How are you?
Eu estou ótima, e hoje eu finalmente estou quase terminando o lay do blog, quando eu finalmente terminar eu irei postar um tutorial explicando as coisas novas
Bem, hoje eu tentei de todas as maneiras retirar aquelas bordas que ficam na imagem do blogger, e depois e muito procurar eu achei no blog Um Toque Para Você um tutorial, e bem temos 2 jeitos de fazer, vamos aprender???
CLIQUE EM LEIA MAIS!!!
Jeito 1.
Bem, por primeiro entre em Modelo > HTML > Ctrl + F e digite : .post-body img
O que vai aparecer provavelmente será:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 1px;
background: #fff;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
.post-body img, .post-body .tr-caption-container {
padding: 1px;
.BlogList .item-thumbnail img {
padding: 1px;
background: #fff;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
.post-body img, .post-body .tr-caption-container {
padding: 1px;
E então é só você trocar as partes em ROSA por 0
Então ficará:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0px;
background: #fff;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
}
.BlogList .item-thumbnail img {
padding: 0px;
background: #fff;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
}
---------------------------------------------------------------------------------------------------------------------------------
Jeito 2.
Procure os seguintes 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);
E troque também por 0
Então ficará:
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);
Espero que tenha ficado bem claro, o que eu utilizei no blog foi o Jeito 1,
Se não deu certo, por favor comente, eu posso tentar lhe ajudar
não existe nenhum dos dois codigos no meu blog
ResponderExcluirEntão o modelo do seu blog é diferente, procure saber mais sobre ele, que com certeza você encontra um site de como retirar as bordas pelo modelo do seu blog ok?
ExcluirBeijos <3