« Ce code permet de sombrer une image lorsqu’elle n’est pas survolé. Au survole de la souris, l’image s’affiche avec son opacité original. »

 

♦ Rendez-vous maintenant dans votre Feuille de Style CSS
♦ Dirigez-vous dans Affichages > Couleurs > Feuille de Style CSS (pour Forumactif)
♦ Insérez ce code, puis Validez

.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
-ms-opacity:0.5;opacity: 0.5;
-o-opacity:0.5;opacity: 0.5;
-webkit-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
-ms-opacity:1;opacity: 1;
-o-opacity:1;opacity: 1;
-webkit-opacity:1;opacity: 1;
}

♦ Après ce code, vous pourriez installer sur vos pages d’accueil, sous-forum ou messages, Allez dans votre éditeur de texte en forme Html pour pouvoir appliquer l’opacité.
♦ Vous n’avez qu’à remplacer le LIEN_IMAGE par un lien direct de votre image que vous vouliez faire apparaître

<div class= »opacity »><img src= »LIEN_IMAGE »></div>

♦ Si vous cherchiez à insérer plusieurs images, la voici :

<div class= »opacity »>
<img src= »LIEN_IMAGE »>
<img src= »LIEN_IMAGE »>
<img src= »LIEN_IMAGE »>
<img src= »LIEN_IMAGE »>
</div>

♦ Si vous vouliez ajouter un lien vers un site, c’est ce code :

<div class= »opacity »><a href= »LIEN »><img src= »LIEN_IMAGE »></a></div>

♦ Et c’est terminé !

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *