Post do Tumblr muda de opacidade quando coloca o mouse em cima

Já viu em alguns themes aquele efeito, em que os posts ficam com a opacidade baixa, meio transparentes, e quando você coloca o mouse sobre eles, eles ficam na cor normal ? Quer aprender fazer isso no seu theme ? Aprenda neste tutorial !




O modo de colocar este efeito é extremamente simples, mas antes recomendo que você guarde uma cópia do código do seu theme no seu computador (veja aqui como fazer um backup do theme do Tumblr), e então prossiga com o tutorial.

Agora você precisará colar dois códigos no seu theme. Primeiro, procure por </style> e cole isso antes dele:

.tumbletricks_opacidade {
    opacity: 0.5;
}

.tumbletricks_opacidade:hover {
    opacity: 1;
}

Depois, procure por {block:Posts}  e cole isso depois dele:

<div class="tumbletricks_opacidade">

E então, procure por {/block:Posts}, e cole isso antes dele:

</div>

Depois basta salvar ! =)

Este tutorial é original do TumbleTricks, qualquer cópia por aí, é plágio, por favor, denuncie !