[ASTUCE] !SCRIPT! Image translucide qui devient opaque ;)

[Silvel]

Bouton qui change lors du survol avec la souris, très simple à installer et n'utilise qu'une seule image

Le premier code est à placer dans l'en-tête de votre forum ou dans le bloc lui meme.

Code:

<style TYPE="text/css">
<!--
.opac { filter:alpha(opacity=30) }
.clair { filter: alpha(opacity=100)}
-->
</style>

Puis dans le code de votre image, il vous suffit d'ajouter le code ci-dessous en vert.

Code:

class='opac'
onmouseover="this.className='clair'" onmouseout="this.className='opac'"

Si vous trouvez que c'est trop translucide changez le chifre opacity=__.
Plus le chifre est gros moins c'est translucide.


Pour un exemple c'est ici regardez les partenaires en bas.

[Silvel]

Exemple:

<a href="http://www.undergroundmangas.tk/" target="_blank"><img class="opac" onmouseover="function anonymous()
{
this.className='clair'
}" onmouseout="function anonymous()
{
this.className='opac'
}" height="31" alt="Le forum des gamers et des mangas" src="http://x2.putfile.com/7/19512155327.gif" width="88" border="0" /></a>

Change juste ce qui est en italique