Spiga

A Pilão Eletrônicos de Rio do Sul-SC é o fornecedor oficial de hardware para o meu Blog. Quer fazer um ótimo negócio com computadores, consulte a Pilão Eletrônicos.
Fone (47) 3525-4386.

Retirando a borda das imagens

Após eu revirar o santo Oráculo sem nenhum resultado de como retirar a bendita borda preta que fica ao redor de cada imagem que é colocada nos posts, resolvi meter a mão na massa. Revirei o código HTML do blog e consegui!!!!

Agora vou te dizer como retirar essa borda, ok?

1º Vá em Layout>Editar HTML

2º Marque a caixinha "Expandir modelos de widgets".

3º Procure pela linha:

.post .post-body {

4º Vá até esta parte:

.post .post-body {
padding:20px 5px;
}
.post .post-body img ,.post .post-body a img {
border-style:solid;
border-width:1px;
padding:5px;
}

5º Mude o valor de "1px" para "0px" (zero), como mostrado abaixo:

.post .post-body {
padding:20px 5px;
}
.post .post-body img ,.post .post-body a img {
border-style:solid;
border-width:0px;
padding:5px;
}

6º Clique em "Salvar Modelo" para finalizar.

Se você não conseguiu retirar as bordas das imagens de seu blog, tente seguir um outro tutorial clicando aqui

Lembrando que sempre deve-se fazer um Backup antes de alterar qualquer coisa no HTML do seu blog.

0 Comentários:

Veja Também