Boas tardes ,chegando do trabalho mas vim trazer uma partilha que eu uso aqui blog Best-Tuga.
É um código eu gosto particularmente,hover na imagem dos posts e opacity ,como pode visualizar na imagem acima a borda é rosa e ao passar mouse em cima muda outra côr e faz opacity na imagem.
Veja online: Entre aqui...
Depois de vêr vamos começar ...
Antes de tudo faça uma cópia do seu template...
Agora entre no painél do seu blog depois vá em modelo e editar html...
Procure este código:
Agora apague tudo que pertençe esse código e coloque este meu código:
.post-body img{background:#ffc0cb ;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;max-width:600px;padding:10px;}
.post img:hover{background:#585355;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;
}
É isto bastante simples ,mas dá uma outra aparéncia nas imagens dos posts.
Se tiver dúvidas disponha sempre até mais...
Mostra SmilesOculta Smiles