pesquisar

8 de mar. de 2015

Como retirar as bordas das imagens


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;

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


2 comentários:

  1. não existe nenhum dos dois codigos no meu blog

    ResponderExcluir
    Respostas
    1. Entã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?

      Beijos <3

      Excluir

Vai comentar? Que notícia adorável, mas antes aqui vai algumas regrinhas para seu comentário:

● Suas ideias serão sempre aceitas, mas desde que você não ofenda ninguém
● Seria legal você deixar o link do seu blog, com certeza eu visitarei
● Sempre explique os comentários com duplo sentido
● Críticas serão sempre aceitas

♥ - Caso você foi ofendido favor entrar em contato: isastuartgomez@hotmail.com -♥

● TODOS os comentários serão respondidos

Obrigada pela atenção

-IsaaaGomez

----------------------------------------