23/06/2011

Retirar ou trocar bordas de imagens (Blogger)

Standard
Alguns templates do Blogger vem como padrão uma borda nas imagens que você posta. Para você retirar ou mudar esta borda, procure por este trecho do código abaixo fazendo assim: Personalizar, Layout, Editar HTML. Use Ctrl+F para facilitar a busca.

    .post img {
    padding:2px;
    border: 1 px solid $bordercolor;
    }


Para retirar as bordas, coloque o valor "0" na parte em azul. Para aumentar a largura da borda é só aumentar este mesmo valor.
Para alterar a cor, coloque ( #000000; ) no lugar de ( $bordercolor ). Você decide qual a cor #hexadecimal. Clicke aqui para ver alguns exemplos.

Para alterar o tipo, coloque na parte em vermelho, alguns dos exemplos mostrados abaixo. Vá testando, clicando em "Visualizar" até chegar a seu gosto.

Exemplos:

- dashed: borda tracejada
- dotted: borda pontilhada
- double: borda dupla
- solid: borda contínua
- groove: borda entalhada
- inset: borda em baixo relevo
- outset: borda em alto relevo
- ridge: borda em ressalto

Lembre-se de salvar seu modelo antes de qualquer alteração: Layout, Editar HTML, Baixar modelo completo.

0 Comentários:

Postar um comentário