Mettre une imager Hover en description de forum

[Dark-Imperator]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.starwarsanewera-rpg.com/

Description du problème

Salut salut

J'ai un léger soucis qui est de réussir à mettre une image s'effaçant au profit d'un texte en tant que description d'un ou plusieurs forums... Sauriez vous m'aider ?

Merci d'avance

[Feuilla']

Bonjour,
une image doit donc apparaître au survol de la description ?
Si c'est bien ça, ce code CSS devrait fonctionner :

Code:

td.row1.over:hover{background-image:url("urldel'image")}

Bonne journée !

[Dark-Imperator]

Malheureusement ça ne marche pas

[Feuilla']

Re,
étrange, le code marchait bien quand je l'ai essayé avant de le poster...
Qu'avez-vous mis comme adresse d'image (ou le code complet) ? Peut-être y a-t-il une erreur là-dessus...
Bonne journée !

[Dark-Imperator]

J'ai bien mis le code complet avec une image https://i.servimg.com/u/f68/17/74/36/36/forum_12.png celle ci

Et en l'occurence je reprécise que c'est pour mettre dans les descriptions des forums :3 (Ou catégories je ne sais pas ^^')

[Feuilla']

Re,
j'ai copié le code en mettant l'adresse et ça s'affiche.
J'ai laissé le code ici pour que vous puissiez voir.
Bonne soirée !

[Dark-Imperator]

Etrange je ne vois strictement rien

Peut être ai je mal réglé les paramètres du forum mais ça m'étonnerait étant que le compte fondateur...

[Feuilla']

Re,
peut-être que nous avons fait l'inverse.
Moi j'ai compris qu'il fallait que la description soit normale, et qu'une image arrive dessus au survol (si vous survolez par exemple "Votre 1er forum", vous verrez l'image apparaître). Je pense que vous vouliez dire une image à la place des descriptions, et qui laisse la description apparaître au survol, dans ce cas-là le code est celui-ci :

Code:

td.row1.over {background-image:url("http://i68.servimg.com/u/f68/17/74/36/36/forum_12.png")}
td.row1.over:hover {background-image:none}

Bonne soirée !

[Dark-Imperator]

C'est super ça marche sauf une chose ^^'

Du coup je l'ai mis dans ma feuille CSS (normal me direz vous ) mais au final ça fait la même image pour tous les forums comme puis je mettre une image différente pour chaque forum ?

Désolé je suis embêtant :/

[Dark-Imperator]

UP ?

[Feuilla']

Re-Bonjour,
dans le forum concerné, mettez des balises autour de la description comme ceci

Code:

<div class="forumun">Description</div>

Le "forumun" est changeable, mais pensez bien aussi à le changer dans le CSS que voici :

Code:

td.row1.over {background-image:url("http://i68.servimg.com/u/f68/17/74/36/36/forum_12.png")}
td.row1.over:hover {background-image:none}
.forumun {background-image:url("adresseurlimage")}
.forumun:hover {background-image:none}

Valider et observer le résultat sur le forum.
Bonne journée !

[Dark-Imperator]

Hum je ne valide pas du tout ça continue à le mettre sur TOUS les forums ^^' Or j'aimerais mettre une image différente par forum. Je vous ai laissé le résultat que j'ai (au lieu de tout nettoyer comme d'habitue vilain maniaque que je suis )

Merci de l'aide encore

EDIT : en étudiant bien votre code j'ai réussi à me débrouiller merci encore pour votre aide précieuse