Code pour infobulle sur un texte

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

Résolu Code pour infobulle sur un texte

Message par Maximelamb le Sam 27 Déc 2014 - 19:54

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 Smile

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... Rolling Eyes

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 Smile


Dernière édition par Maximelamb le Mar 30 Déc 2014 - 12:46, édité 1 fois

Maximelamb
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 14/09/2012

http://www.thff.net
Maximelamb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour infobulle sur un texte

Message par Maximelamb le Dim 28 Déc 2014 - 20:10

Up aidez moi

Maximelamb
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 14/09/2012

http://www.thff.net
Maximelamb a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour infobulle sur un texte

Message par Automne le Lun 29 Déc 2014 - 22:06

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


Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour infobulle sur un texte

Message par Maximelamb le Mar 30 Déc 2014 - 1:20

Bonsoir,

Merci beaucoup pour votre réponse, ça fonctionne Smile

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 Smile

Maximelamb
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 14/09/2012

http://www.thff.net
Maximelamb a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code pour infobulle sur un texte

Message par Automne le Mar 30 Déc 2014 - 8:47

Coucou,

Vous pouvez changer la couleur depuis .tooltip:hover span Wink

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour infobulle sur un texte

Message par Maximelamb le Mar 30 Déc 2014 - 12:45

Ca me semble logique ::betise::

Merci beaucoup Yes

Maximelamb
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 14/09/2012

http://www.thff.net
Maximelamb 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