Titre complet au survol du lien du dernier message (tooltip)

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

  • 0

Astuce Titre complet au survol du lien du dernier message (tooltip)

Message par Walt le Mar 8 Mar 2016 - 10:34

Titre complet au survol du lien du dernier message

Lorsqu'un titre est trop long pour être affiché dans son intégralité, il est coupé et au survol s'affiche une infobulle classique selon votre navigateur. Cette astuce vous permet de modifier cette infobulle pour la rendre plus instantanée et plus esthétique.


Modification des templates

Panneau d'administration Affichage Templates - Général Modifiez le template index_box
L'option "Forcer les templates par défaut" doit être sur "non"

Trouvez :
Code:
<!-- BEGIN switch_topic_title -->
    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->

Remplacez par :
Code:
<!-- BEGIN switch_topic_title -->
    <a href="{catrow.forumrow.U_LATEST_TOPIC}" class="my-tooltip" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->

:enreg: les modifications, et pensez à les publier ajout


Insertion du code javascript

Panneau d'administration Modules HTML et Javascript Gestion des codes javascript
La gestion des codes javascript doit être activée.

Créez un nouveau javascript, ayant pour titre celui de votre choix, et activez le placement sur toutes les pages.
Insérez-y le code suivant :
Code:
$(document).ready(function(){
  $('.my-tooltip').tooltipster();
});

Validez : la modification devrait alors être visible au survol des liens.


Aller plus loin

Si vous souhaitez utiliser cette fonctionnalité à d'autres endroits du forum, il vous faudra procéder de la même manière (sans avoir à recréer le code javascript). Il vous suffit donc d'ajouter à l'élément concerné :

  • l'attribut class="my-tooltip",
  • l'attribut title="CONTENU DE L'INFOBULLE", en prenant soin de remplacer le texte par celui souhaité.



Walt
Modéractif
Modéractif

Masculin
Messages : 1005
Inscrit(e) le : 08/09/2015

http://forum.forumactif.com
Walt 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