quinta-feira, 8 de julho de 2010

Colocar bordas nas imagens do blog

Um efeito muito legal, é colocar uma borda em todas as imagens das postagens de um só vez, e um efeito quando o mouse passar sobre a imagem.
No painel do blogger, vá em Deisgn> Editar HTML> Coloque o seguinte código junto com os outros estilos CSS.

.post img{border: 1px solid #000000;padding: 1px;}
.post a:hover img{border: 2px dashed #000000;}

Se não saber onde está os estilos CSS, coloque logo acima de body{...

A parte padding:1px faz que a borda não fique colada na imagem, você pode retirar essa parte do código ou aumentar a distancia para deixar as imagens do seu blog com uma melhor aparência.

A borda só tem o efeito, quando passa o mouse sobre a imagem.

0 comentários:

Postar um comentário

Por favor, leia antes de comentar:

-Expresse sua opinião, mas sem agredir alguém ou o próprio blog.
-Não use palavrões.
-Comente se possível, somente sobre o assunto da postagem.
-Criticas, Ajudas, Soluções poderão ser postadas nos comentários
-Iremos responder todos comentários, após aprovação dele.

  ©T Dicas - Todos os direitos reservados.

Original por Dicas Blogger | Topo