AccueilConnexion
Derniers sujets
[PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation
Page 1 sur 1 • Partagez
- Milouze14
Fondateur
Milouze14 le Ven 7 Déc 2018 - 19:08
Hello les ami(e)s,
une petite astuce qui affichera une infobulle au survol des boutons ou des liens de la barre de navigation.
Exemple Accueil affichera dans l'infobulle le même texte.
Une petite intervention dans le template overall_header:
Dans le template overall_header:
Affichage/Templates/Général/ overall_header
Recherchez ceci::
Supprimez et remplacez par:
Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mettez un titre explicite.
Cochez sur toutes les pages.
Déposez ceci:
Pensez a cliquer sur le bouton Valider
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports
une petite astuce qui affichera une infobulle au survol des boutons ou des liens de la barre de navigation.
Exemple Accueil affichera dans l'infobulle le même texte.
Une petite intervention dans le template overall_header:
Dans le template overall_header:
Affichage/Templates/Général/ overall_header
Recherchez ceci::
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
Supprimez et remplacez par:
- Code:
<table id="M14_navBar"cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis
Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript
Mettez un titre explicite.
Cochez sur toutes les pages.
Déposez ceci:
- Code:
$(function(){
$('#M14_navBar td a').each(function(){
var a=$(this).text();
$(this).attr('title',a);});});
Pensez a cliquer sur le bouton Valider
Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide
https://www.milouze14.com/f108-entraide-tous-supports
- Morane
Milouzien
Morane le Sam 8 Déc 2018 - 10:01
Merci Phil
- Ambroise
Milouzien
Ambroise le Lun 28 Jan 2019 - 18:24
![[PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation Mrc710](https://i.servimg.com/u/f32/11/94/15/08/mrc710.png)
Phil C'est top
- Milouze14Fondateur
Milouze14 le Lun 28 Jan 2019 - 18:28
De rien les ami(e)s,
n'hésitez pas a confirmer le bon fonctionnement du script
n'hésitez pas a confirmer le bon fonctionnement du script
- AmbroiseMilouzien
Ambroise le Mer 30 Jan 2019 - 19:59
Oups ca n'a pas l'air de marcher pour moi
J'ai refait deux fois la manip mais pas de bulle au dessus des liens
Demain je referais l'essais sur mon forum directement au lieu d'essayer sur celui de test
Je vous tiens au courant
J'ai refait deux fois la manip mais pas de bulle au dessus des liens
Demain je referais l'essais sur mon forum directement au lieu d'essayer sur celui de test
Je vous tiens au courant
- Milouze14Fondateur
Milouze14 le Mer 30 Jan 2019 - 20:24
Hello Ambroise,
hum , c'est fonctionnel sur le forum de ton profil:
![[PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation 1174](https://i.servimg.com/u/f87/11/26/21/37/1174.png)
Sinon, direction l'entraide .
hum , c'est fonctionnel sur le forum de ton profil:
Sinon, direction l'entraide
.- AmbroiseMilouzien
Ambroise le Jeu 31 Jan 2019 - 6:52
Je manque de temps , mais j'essayerais
Merci Phil
Merci Phil
- AmbroiseMilouzien
Ambroise le Jeu 31 Jan 2019 - 13:54
Oui c'est vrai qu'il y a cette fameuse bulle en mini 
Je pensais que c'était une info bulle comme celle-ci d'ici
Voila la photo
![[PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation Sans_t24](https://i.servimg.com/u/f32/11/94/15/08/sans_t24.jpg)
Je trouvais ca extra joli![[PHPBB2]Ajouter l'infobulle au survol des boutons de la barre de navigation 6210](https://i.servimg.com/u/f32/11/94/15/08/6210.gif)
Merci quand même
Je pensais que c'était une info bulle comme celle-ci d'ici
Voila la photo
Je trouvais ca extra joli
Merci quand même
- Milouze14Fondateur
Milouze14 le Jeu 31 Jan 2019 - 16:51
Hello Ambroise,
pour l'infobulle, je viens de poster l'astuce:
https://www.milouze14.com/t31966-toutes-versionsafficher-de-belles-infobulles-tooltipster#607489
pour l'infobulle, je viens de poster l'astuce:
https://www.milouze14.com/t31966-toutes-versionsafficher-de-belles-infobulles-tooltipster#607489
Sujets similaires
» Installer des nouveaux boutons pour ma barre de navigation via un générateur
» Comment créer un espace entre les boutons de la barre de navigation ?
» Enlever certains liens/boutons de la barre de navigation
» [Sujet] Ajouter des boutons dans la barre de l'éditeur de texte
» Boutons trop gros dans la barre de navigation
» Comment créer un espace entre les boutons de la barre de navigation ?
» Enlever certains liens/boutons de la barre de navigation
» [Sujet] Ajouter des boutons dans la barre de l'éditeur de texte
» Boutons trop gros dans la barre de navigation
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
» histoire du Jour sans fin
» Coca-Cola (histoire)
» Sœur Mathématiques et Sœur Logique
» Les deux bons potes "histoire"
» *RESOLU*[PhpBB2] Onglet sur page d’accueil
» Le spationaute belge
» *RESOLU*[PhpBB2] Aide mise en forme page d’accueil merci
» *RESOLU*[PhpBB2] Chatbox / Réinitialiser
» *RESOLU*[PhpBB2] Bloquer les IP
» Les réseaux sociaux
» [PhpBB2] Barre navigation supplémentaire
» *RESOLU*[Invision] Réduction image avec clic agrandissement
» Histoire de Blondes Sans Fin
» *RESOLU*[PhpBB3] Interdiction de citer le dernier message
» Règlement de l'entraide Forumactif
» *RESOLU*[PhpBB2] [Toutes versions] Activer la prévisualisation directe
» [PHPBB3] Afficher une réponse automatique style staff
» *RESOLU*[PhpBB2] Changer un message quand un membre ne peut pas répondre à un sujet
» [Toutes versions] Activer la prévisualisation directe