Membres connectés récemment
[PHPBB3] Infobulle sur lien barre de navigation
2 participants
Page 1 sur 1 • Partagez
- Version du forum :PHPBB3
- Templates modifiés :oui
- Navigateur :Firefox
Bonjour à tous les milouziens,
Serait-il possible d'avoir une infobulle sur les boutons "Connexion" et "S’enregistrer" (rebaptiser S'inscrire sur mon fofo).
Il s'agit des 2 boutons de la barre de navigation ainsi que le second bouton Connexion ajouté en haut de page.
Par exemple:
L'infobulle au passage de la souris sur les boutons "Connexion":
Bonjour,
Bonne visite sur Photoclic.
L'infobulle au passage de la souris sur le bouton "S'inscrire":
Bonjour,
N'hésitez pas à vous enregistrer sur Photoclic.
Merci pour votre aide.
Serait-il possible d'avoir une infobulle sur les boutons "Connexion" et "S’enregistrer" (rebaptiser S'inscrire sur mon fofo).
Il s'agit des 2 boutons de la barre de navigation ainsi que le second bouton Connexion ajouté en haut de page.
- Spoiler:
Par exemple:
L'infobulle au passage de la souris sur les boutons "Connexion":
Bonjour,
Bonne visite sur Photoclic.
L'infobulle au passage de la souris sur le bouton "S'inscrire":
Bonjour,
N'hésitez pas à vous enregistrer sur Photoclic.
Merci pour votre aide.
Hello Serge,
hum, le script modifiant le texte aurait été un plus non ?
Ensuite ce mode connexion sur la Toolbar est natif sur Forumactif ?
Rappel car quelque chose me fait penser que tu désires avoir un saut de ligne après le mot "bonjour".
C’est impossible pour une infobulle (déjà mentionné sur d'autre sujets).
Edit, en cherchant un peu, car il me manquait des informations ,
les deux scripts(Toolbar et celui qui modifie le texte s'enregistrer) .
Bref, passons aux choses sérieuses...
Tu as ceci dans ta feuille de style:
Tu peux supprimer ce style Serge.
Il ne sera plus nécessaire.
Ensuite , tu as ce script:
Le soucis avec ce script est qu'il supprime que le premier lien dans la Toolbar et laisse le bouton "S'enregistrer" affiché.
Ensuite, tu ce script pour modifier le texte "S'enregistrer" :
Pourquoi le mettre en double le lien du bouton et mettre une double:
Remplaces les deux scripts par celui-ci:
Comme les boutons de connexion et d'enregistrement sont pour les invités par défaut, un script suffira:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposer ceci:
Penser a cliquer sur le bouton
Donc sur la Toolbar, on ne remplace plus le premier lien:
Mais on importe directement le code html:
Voilà pourquoi ce style n'est plus nécessaire :
Tu pourras modifier les textes si besoin.
Pour informations,
le plugin Tooltip fonctionne pour les infobulles créées .
Serait-il possible d'avoir une infobulle sur les boutons "Connexion" et "S’enregistrer"
(rebaptiser S'inscrire sur mon fofo).
hum, le script modifiant le texte aurait été un plus non ?
Ensuite ce mode connexion sur la Toolbar est natif sur Forumactif ?
Rappel car quelque chose me fait penser que tu désires avoir un saut de ligne après le mot "bonjour".
C’est impossible pour une infobulle (déjà mentionné sur d'autre sujets).
Edit, en cherchant un peu, car il me manquait des informations ,
les deux scripts(Toolbar et celui qui modifie le texte s'enregistrer) .
Bref, passons aux choses sérieuses...
Tu as ceci dans ta feuille de style:
- Code:
#fa_right a[href$="login"], #fa_right a[href$="register"]
{
display: none !important;
}
Tu peux supprimer ce style Serge.
Il ne sera plus nécessaire.
Ensuite , tu as ce script:
- Code:
$(function(){$(function(){$('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith('<form action="/login.forum"method="post"><input class="fa_login"type="text"name="username"maxlength="40"placeholder="Nom d\'utilisateur"/><input class="fa_login"type="password"name="password"maxlength="25"placeholder="Mot de passe"/><input type="hidden"name="redirect"value="' + location.pathname + location.search + '"/><input type="submit"name="login"id="fa_enter"value="Connexion"/></form>')})});
Le soucis avec ce script est qu'il supprime que le premier lien dans la Toolbar et laisse le bouton "S'enregistrer" affiché.
Ensuite, tu ce script pour modifier le texte "S'enregistrer" :
- Code:
$(function(){
$(function(){$('a[href$="/register"],a[href$="/register"]').html('<img src="https://2img.net/i/fa/prosilver/icon_register.gif"/> S\'inscrire')})});
Pourquoi le mettre en double le lien du bouton et mettre une double:
- Code:
$(function(){
Remplaces les deux scripts par celui-ci:
Comme les boutons de connexion et d'enregistrement sont pour les invités par défaut, un script suffira:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposer ceci:
- Code:
$(function(){if(_userdata["session_logged_in"])return;
$(function(){
//L INFOBULLE DE CONNEXION
var login="Bonjour,bonne visite sur Photoclic.";
$('a.mainmenu[href="/login"]').attr('title',login);
//L INFOBULLE DE S INSCRIRE
var regist="Bonjour,n'hésitez pas à vous enregistrer sur Photoclic.";
$('a[href$="/register"]').attr('title',regist).html('<img src="https://2img.net/i/fa/prosilver/icon_register.gif"/> S\'inscrire');
//L INFOBULLE DE CONNEXION
$('#fa_right').html('<form action="/login.forum"method="post"><input class="fa_login"type="text"name="username"maxlength="40"placeholder="Nom d\'utilisateur"/><input class="fa_login"type="password"name="password"maxlength="25"placeholder="Mot de passe"/><input type="hidden"name="redirect"value="' + location.pathname + location.search + '"/><input type="submit"name="login"id="fa_enter"value="Connexion" title="'+login+'"/></form>');
})
});
Penser a cliquer sur le bouton
Donc sur la Toolbar, on ne remplace plus le premier lien:
- Code:
$('#fa_right a.rightHeaderLink:nth-child(1)').replaceWith
Mais on importe directement le code html:
- Code:
$('#fa_right').html(xxxxxxxxxxxxx)
Voilà pourquoi ce style n'est plus nécessaire :
- Code:
#fa_right a[href$="login"], #fa_right a[href$="register"]
{
display: none !important;
}
Tu pourras modifier les textes si besoin.
Pour informations,
le plugin Tooltip fonctionne pour les infobulles créées .
Bonjour Philippe,
Oh vraiment désolé pour l'absence des scripts, j'ignorai que cela t'était nécessaire et vu ce que tu as fait, je comprends que cela était indispensable.
Chapeau pour avoir retrouvé les codes dans la page de charabia.
Pour les sauts de lignes dans l'infobulle, pas grave.
J'avais vu cela ailleurs, mais je crois que c'est fait avec du JS.
En tout cas cela fonctionne à merveille.
Merci aussi pour les corrections et explications. Super.
Je passe en résolu l'ami
Oh vraiment désolé pour l'absence des scripts, j'ignorai que cela t'était nécessaire et vu ce que tu as fait, je comprends que cela était indispensable.
Chapeau pour avoir retrouvé les codes dans la page de charabia.
Pour les sauts de lignes dans l'infobulle, pas grave.
J'avais vu cela ailleurs, mais je crois que c'est fait avec du JS.
En tout cas cela fonctionne à merveille.
Merci aussi pour les corrections et explications. Super.
Je passe en résolu l'ami
Sujets similaires
» [PHPBB3]Ajouter l'infobulle au survol des boutons de la barre de navigation
» [PHPBB3] Barre de navigation en bas de page
» [AWESOMEBB]Ajouter l'infobulle au survol des boutons de la barre de navigation
» [PHPBB3] Anomalie menu barre de navigation
» [MODERNBB] Probleme d'ajustement de la barre de la barre de navigation
» [PHPBB3] Barre de navigation en bas de page
» [AWESOMEBB]Ajouter l'infobulle au survol des boutons de la barre de navigation
» [PHPBB3] Anomalie menu barre de navigation
» [MODERNBB] Probleme d'ajustement de la barre de 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