Hello,

Au détour d'un tuto pour aider un membre de FdF, j'ai découvert une astuce sympa pour générer un effet de transparence sur une image et texte, et en passant le curseur dessus tout redevient net.

PA >> Affichage >> Images et Couleurs >> Couleurs > onglet "Feuille de style CSS"
Coller :

/* IMGTRANSP OPACITE */

a .imgtransp {
border: none;
opacity: 0.4;
background-color: transparent;
}

a:hover .imgtransp {
border: none;
opacity: 0.4;
background-color: transparent;
}

.imgtransp {
border: none;
opacity: 0.4;
background-color: transparent;
}

.imgtransp:hover{
border: none;
opacity: 1;
background-color: transparent;
}

En orange c'est la valeur modifiable à votre goût.

Ensuite, pour les images auxquelles vous souhaitez appliquer cet effet vous allez ajoutez la balise reprenant l'attribut ".imgtransp" html ainsi pour les images :

Code:

<img class="imgtransp" src="http://img37.imageshack.us/img37/6079/finalblond.gif" />

Et pour un texte ou autre (par exemple) :

Code:

<div class="imgtransp"><b>VOUS VOUS SENTEZ MAL ? UN PETIT COUP DE CURSEUR DESSUS, HUMMMNN ?</b></div>

Et voilà ce que ça donne ICI

Salut final-blond ,

merci pour ce tuto

juste une tite question ou mettre ce code stp??

Code:

<img class="imgtransp" src="http://img37.imageshack.us/img37/6079/finalblond.gif" />

Car dans ma gestion des images cela ne fonctionne pas
merci
a++

Hello Milouze,

Milouze14 a écrit:juste une tite question ou mettre ce code stp??

Car dans ma gestion des images cela ne fonctionne pas

Dans la gestion de tes images ? c'est à dire ? Là où l'on met l'url des images genre logo, image de fond, etc ?
Si c'est là ça ne peut fonctionner que via les templates...
Sinon tu peux le mettre dans un post, le message d'accueil, dans un templates (phpBB2), un widget, une page HTML (en y ajoutant le code css si on n'utilise pas le haut et le bas de page du forum).

Dans la gestion de tes images ? c'est à dire ? Là où l'on met l'url des images genre logo, image de fond, etc ?

ben c'est râpé pour moi
ma version phpbb3 ne me le permet pas

merci quand même

a++

Bonjour,

Merci ^^

J'ai corrigé les scripts, car on n'a pas le droit de créer des balises comme cela. Des classes, par contre, on peut.

Cordialement,
ProgVal

Hello ProgVal,

EDIT : Arf, oui le code css a été modifié aussi et en effet ça fonctionne.

+ 1 et 1 Merci ProgVal.
(Fichtre blondinette de FB !... PV a toujours raison !)


Donc pour les images :

Code:

<img class="imgtransp" src="http://img37.imageshack.us/img37/6079/finalblond.gif" />

Et pour un texte ou autre (par exemple) :

Code:

<div class="imgtransp"><b>VOUS VOUS SENTEZ MAL ? UN PETIT COUP DE CURSEUR DESSUS, HUMMMNN ?</b></div>

Par contre je ne peux plus modifier le titre, alors si quelqu'un pouvait s'en charger, merci^^