Code pour infobulle sur un texte

[Maximelamb]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : www.thff.net

Description du problème

Bonsoir / bonjour tout le monde

Malgré mes recherches, je n'ai pas vraiment trouvé de réponse à ma question.
Je suis certain qu'il n'y a rien de plus simple, mais je suis novice: j'aimerais que, lorsqu'on passe le curseur sur un texte, un autre texte apparaisse... Simplement...

Edit: Après encore quelques recherches, je me rends compte que je devrais donner plus de détails concernant mon problème. En fait, ça concerne le template "index_box"; j'aimerais que la description d'un forum s'affiche dans une infobulle lorsqu'on passe le curseur sur le nom du forum en question. Pour cela, j'ai supprimé la partie "<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>", et j'ai écrit ceci:

Code:

<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.FORUM_DESC}"><center>{catrow.forumrow.FORUM_NAME}</center></a><br />

Quand je passe mon curseur sur le titre d'un forum, en effet, la description s'affiche, mais il y a deux problèmes. Premièrement, la description se termine par

Code:

<br/>

. Deuxièmement, l'infobulle s'affiche après environ une seconde, je pense qu'il existe un code incluant du CSS et permettant de l'afficher instantanément, peut être que je me trompe. Néanmoins, un code avec du CSS permettrait sans aucun doute de personnaliser l'infobulle, ça m'intéresse également.

Merci d'avance et bonne soirée

[Maximelamb]

Up

[Automne]

Bonjour,

Vous pouvez vous servir de ce tuto, pour créer votre infobulle. Voici ce que cela pourrait donner Par exemple pour le template index_box (infobulle sur le titre du forum) il faudrait faire comme ceci

Code:

<h{catrow.forumrow.LEVEL} class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="tooltip">{catrow.forumrow.FORUM_NAME}<br />
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span></a><br/>
</h{catrow.forumrow.LEVEL}>

Ensuite appliquer le css et l'arranger a votre manière. Pour personnaliser le titre du forum c'est .tooltip. Pour personnaliser l'infobulle c'est .tooltip span. Vous pouvez supprimer .tooltip span:before, .tooltip span:after.

En cherchant sur google, infobulle sans javascript vous trouverez plein de tutos ;)

[Maximelamb]

Bonsoir,

Merci beaucoup pour votre réponse, ça fonctionne

Il reste juste un tout petit problème, mais ça m'a l'air assez simple: le texte dans l'infobulle est en rouge (couleur choisie pour la couleur d'un lien survolé); j'aimerais que la couleur d'un lien survolé reste du rouge pour tout le reste, mais que, pour l'affichage du texte de l'infobulle, ce soit une autre couleur (et à la limite que le nom du forum, lorsqu'on passe le curseur dessus, soit de cette même couleur, ça n'a pas beaucoup d'importance).
Merci d'avance

[Automne]

Coucou,

Vous pouvez changer la couleur depuis .tooltip:hover span

[Maximelamb]

Ca me semble logique ::betise::

Merci beaucoup