6 de out. de 2012

Imagens do blog com bordas arredondadas



Oii,minha primeira postagem no blog. *-*

Vou ensinar como colocar bordas arredondadas nas imagens. (Testado apenas no modelo Simples)


Pra saber como faz continue lendo.




Vá em Design  Editar HTML  Marque expandir modelos de widgets 

Pesquise por :

]]></b:skin> 

Copie e cole logo acima:

.main img  {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;


}

Depois pesquise .post-body img 

Localize:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {

  padding: $(image.border.small.size);

  background: #000;
  border: 1px solid $(image.border.color);

}

Apague o que está em negrito

Loco embaixo localize:

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}


Apague o que está em negrito.

Visualize e se estiver tudo certo salve.


Nenhum comentário:

Postar um comentário