rollover & tinyMCE

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Bonjour à tous!

Je voudrais faire un rollover dans un texte, c'est à dire que lorsque le curseur passe sur un lien (du texte), une image apparait.

J'utilise tinyMCE mais je ne vois pas du tout comment faire.

Merci d'avance.

PEACE

Y

PS : Je débute sur Drupal depuis 1 mois pendant mon stage de 2ème année de DUT informatique.

Version de Drupal : 

ce type de rollover s'effectue grâce au langage css appliquer à une (ou des) balise xhtml.
il faut donc savoir coder en xhtml (tinyMCE en mode "code source"), puis mettre en style avec css (feuille de style externe + images)

pas si facile que ca à faire (vaste programme en perspective)
éléments de réponse ici : http://biboo.net/css-menu-rollover

Merci pour ta réponse, je suis entrain de tester tous ça.
Mais je n'ai pas bien compris la partie du CSS: quel fichier CSS dois-je modifier? dois-je en créer une nouvelle?

J'ai une autre question également:
Comment marche la partie "évenements" de tinyMCE lors de la création de lien? (c'est l'onglet après la création de popups)

Merci

PEACE

Y

PS: Pour la deuxième question je vais faire un nouveau post avec un titre approprié.

C'est bon j'ai réussi ce que je voulais faire!

Je donne le code pour ceux qui voudront faire la même chose.

PEACE

---- HTML ----

<a class="rollover">

    Mon lien

  <img alt="bla bla" src="monimage.png" />

</a>

----- CSS -----

a.rollover img {display: none;}

a.rollover:hover img {

    display: block;

   position: absolute;

   margin-top: 1.5em;

}