Imagens semi-transparentes em 2 passos no blog

Isso mesmo, imagens semi-transparente no blog, em dois passo.

 

Em dois passos simples, copia e cola, que mais fácil do que isso, só injeção na testa.

 

Primeiro passo;

 

 

Copie esse código:

 

 

.sidebar img {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
.sidebar img:hover {
filter:alpha(opacity=99);
-moz-opacity:0.99;
opacity:0.99;
}

 

 

Entre no seu template e procure por  body{……..}  geralmente e o primeiro código depois das definições de cores e letra.

 

Fica mais fácil se aperta ctrl  F, e digite  body

 

 

Cole o código logo depois dessas chaves Body{…….}

e salve.

 

Esse código esta só,  para as sidebar ,  mas pode colocar o efeito a aonde bem querer.

 

 

Basta muda o  .sidebar por,  .post,  ou tira tudo e manter só img{

 

Nunca retire o img, se nao tudo da errado.

 

 

Recapitulando:

 

Sidebar sao as colunas laterais.

 

Post e a coluna central, a das postagens

 

Sem esses dois mantendo só o img{ ,  todas as imagens do  blog vai fica semi-transparente.

 

 

Lembrando que pode muda os números à-vontade, mantendo, todos iguais em cada chave, tipo o img  80, 0.80 , 0.80 ,  e ou o   hover 99, 0.99 , 0.99

-----------------------------------------------------------------------------------------------

Repare quanto entra em Layout essa mensagem.

 

Fazer backup / Restaurar modelo

 

Antes de editar o modelo, é recomendável salvar uma cópia do mesmo.

 

 Baixar modelo completo.

Nao tenha vergonha de usa esse link e de graça, pode usa toda hora.

 

Mas faça  testes em um outro blog, só depois que obter o efeito esperado cole no seu blog.

 

Este e o link do meu site que esta usando este efeito  SECURITY TOTAL

 

Ate mais e bom aproveito.