Mettre une imager Hover en description de forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Mettre une imager Hover en description de forum

Message par Dark-Imperator le Mar 5 Jan 2016 - 22:29

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 Smile

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 Very Happy


Dernière édition par Dark-Imperator le Ven 8 Jan 2016 - 17:30, édité 1 fois

Dark-Imperator
****

Masculin
Messages : 235
Inscrit(e) le : 08/01/2010

http://www.starwarsanewera-rpg.com/
Dark-Imperator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Feuilla' le Mer 6 Jan 2016 - 13:59

Bonjour,
une image doit donc apparaître au survol de la description ? Smile
Si c'est bien ça, ce code CSS devrait fonctionner :
Code:
td.row1.over:hover{background-image:url("urldel'image")}
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Dark-Imperator le Mer 6 Jan 2016 - 17:42

Malheureusement ça ne marche pas Sad

Dark-Imperator
****

Masculin
Messages : 235
Inscrit(e) le : 08/01/2010

http://www.starwarsanewera-rpg.com/
Dark-Imperator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Feuilla' le Mer 6 Jan 2016 - 18:04

Re,
étrange, le code marchait bien quand je l'ai essayé avant de le poster... scratch
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 !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Dark-Imperator le Mer 6 Jan 2016 - 18:31

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

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 ^^')

Dark-Imperator
****

Masculin
Messages : 235
Inscrit(e) le : 08/01/2010

http://www.starwarsanewera-rpg.com/
Dark-Imperator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Feuilla' le Mer 6 Jan 2016 - 18:36

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

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Dark-Imperator le Mer 6 Jan 2016 - 18:38

Etrange je ne vois strictement rien Surprised

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

Dark-Imperator
****

Masculin
Messages : 235
Inscrit(e) le : 08/01/2010

http://www.starwarsanewera-rpg.com/
Dark-Imperator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Feuilla' le Mer 6 Jan 2016 - 18:45

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}
Wink
Bonne soirée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Dark-Imperator le Mer 6 Jan 2016 - 19:05

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

Du coup je l'ai mis dans ma feuille CSS (normal me direz vous Smile ) 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 Razz :/

Dark-Imperator
****

Masculin
Messages : 235
Inscrit(e) le : 08/01/2010

http://www.starwarsanewera-rpg.com/
Dark-Imperator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Dark-Imperator le Ven 8 Jan 2016 - 16:25

UP ? Smile

Dark-Imperator
****

Masculin
Messages : 235
Inscrit(e) le : 08/01/2010

http://www.starwarsanewera-rpg.com/
Dark-Imperator a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Feuilla' le Ven 8 Jan 2016 - 16:41

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. Wink
Bonne journée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une imager Hover en description de forum

Message par Dark-Imperator le Ven 8 Jan 2016 - 17:03

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 Razz )

Merci de l'aide encore Smile

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

Dark-Imperator
****

Masculin
Messages : 235
Inscrit(e) le : 08/01/2010

http://www.starwarsanewera-rpg.com/
Dark-Imperator a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum