Derniers sujets
» [PHPBB2]Afficher/Masquer le profil avec miniature de l'avatar
par FaGu Lun 18 Fév 2019 - 0:49
» [PHPBB3]Afficher/Masquer le profil avec miniature de l'avatar
par FaGu Lun 18 Fév 2019 - 0:39
» [PHPBB2] Afficher le profil des messages façon Invision et bien plus..
par ThunderTB Dim 17 Fév 2019 - 16:42
» [PHPBB2] Afficher l'auteur du sujet dans la liste des sujets
par ThunderTB Sam 16 Fév 2019 - 5:10
» Supprimer le bouton MP a un membre spécifique
par fred9545 Jeu 14 Fév 2019 - 19:36
» Mettre des Paillettes derrière le Curseur
par choupette60 Jeu 14 Fév 2019 - 14:42
» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par Ambroise Mar 12 Fév 2019 - 13:33
» Lecture du premier message des derniers sujets traités sur votre forum
par soleda Lun 11 Fév 2019 - 11:47
» [EDGE]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par clost Dim 10 Fév 2019 - 20:49
» [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré
par fred9545 Dim 10 Fév 2019 - 20:47
» [EDGE] Afficher/Masquer les catégories avec un effet
par clost Dim 10 Fév 2019 - 20:34
» [PHPBB2] Coloriser individuellement les catégories
par choupette60 Dim 10 Fév 2019 - 19:31
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par fred9545 Dim 10 Fév 2019 - 12:15
» [PHPBB2] Afficher le logo devant les Pseudos index et sous forums, façon mini avatar
par Ptite_Perle Dim 10 Fév 2019 - 12:02
» [TOUTES VERSIONS] Afficher l'avatar des messages au survol de la cellule
par Ptite_Perle Dim 10 Fév 2019 - 11:57
» [AWESOMEBB]Afficher les pricipaux boutons de l'éditeur de sur la réponse rapide
par Splash Dim 10 Fév 2019 - 2:59
» [AWESOMEBB]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par Lil'Fox Dim 10 Fév 2019 - 0:45
» [AwesomeBB] Modifier le message sur la page d'accueil
par Lil'Fox Dim 10 Fév 2019 - 0:43
» [AWESOMEBB] Lien vidéo directe pour Youtube
par clost Sam 9 Fév 2019 - 19:16
» [AWESOMEBB] Ajouter son copyright
par clost Sam 9 Fév 2019 - 19:13
par FaGu Lun 18 Fév 2019 - 0:49
» [PHPBB3]Afficher/Masquer le profil avec miniature de l'avatar
par FaGu Lun 18 Fév 2019 - 0:39
» [PHPBB2] Afficher le profil des messages façon Invision et bien plus..
par ThunderTB Dim 17 Fév 2019 - 16:42
» [PHPBB2] Afficher l'auteur du sujet dans la liste des sujets
par ThunderTB Sam 16 Fév 2019 - 5:10
» Supprimer le bouton MP a un membre spécifique
par fred9545 Jeu 14 Fév 2019 - 19:36
» Mettre des Paillettes derrière le Curseur
par choupette60 Jeu 14 Fév 2019 - 14:42
» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par Ambroise Mar 12 Fév 2019 - 13:33
» Lecture du premier message des derniers sujets traités sur votre forum
par soleda Lun 11 Fév 2019 - 11:47
» [EDGE]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par clost Dim 10 Fév 2019 - 20:49
» [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré
par fred9545 Dim 10 Fév 2019 - 20:47
» [EDGE] Afficher/Masquer les catégories avec un effet
par clost Dim 10 Fév 2019 - 20:34
» [PHPBB2] Coloriser individuellement les catégories
par choupette60 Dim 10 Fév 2019 - 19:31
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par fred9545 Dim 10 Fév 2019 - 12:15
» [PHPBB2] Afficher le logo devant les Pseudos index et sous forums, façon mini avatar
par Ptite_Perle Dim 10 Fév 2019 - 12:02
» [TOUTES VERSIONS] Afficher l'avatar des messages au survol de la cellule
par Ptite_Perle Dim 10 Fév 2019 - 11:57
» [AWESOMEBB]Afficher les pricipaux boutons de l'éditeur de sur la réponse rapide
par Splash Dim 10 Fév 2019 - 2:59
» [AWESOMEBB]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par Lil'Fox Dim 10 Fév 2019 - 0:45
» [AwesomeBB] Modifier le message sur la page d'accueil
par Lil'Fox Dim 10 Fév 2019 - 0:43
» [AWESOMEBB] Lien vidéo directe pour Youtube
par clost Sam 9 Fév 2019 - 19:16
» [AWESOMEBB] Ajouter son copyright
par clost Sam 9 Fév 2019 - 19:13
Les meilleurs posteurs
Les posteurs les plus actifs du mois
[TOUTES VERSIONS] Ajouter une connexion rapide design sur la toolbar
Page 1 sur 1
- Milouze14Fondateur

l'astuce n'est pas de moi mais d'un très grand codeur sur support Anglais.
L'astuce consiste au clic sur la connexion de la toolbar a afficher un module
très design créée par Ange Tuteur.
http://help.forumotion.com/t143870-add-a-quick-login-form-to-the-toolbar
Aperçus imagés:

Puis le menu :

L'astuce restera donc visible, je n'ai fait que la traduire pour la version Française:dte: .
Il y aura deux thèmes , un de couleur foncé et un autre de couleur claire ,
à vous de choisir celui qui convient le mieux pour votre forum les ami(e)s

Allez c'est parti .
Pour le thème clair (fond blanc police foncée) :
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposez ceci:
- Code:
//THEME CLAIR
(function() {
var lang = {
title : 'Merci de renseigner votre Pseudo et le mot de passe',
username : 'Nom d\'utilisateur: ',
password : 'Mot de passe : ',
automatic : 'Se connecter automatiquement : ',
login : 'Connexion',
register : 'S\'enregistrer',
forgot : 'Mot de passe oublié',
redirect : window.location.href // page the user is redirected to upon login
};
// quick login theme
document.write('<style type="text/css">#fa_quick_login{color:#333;font-size:13px;font-family:Arial,Verdana,Sans-serif;background:#FFF;border:1px solid #CCC;border-radius:3px;box-shadow:0 6px 12px rgba(0,0,0,.175);margin-top:20px;position:fixed;z-index:40000;width:400px}#fa_quick_login:before{content:url(http://i21.servimg.com/u/f21/18/21/41/30/arr10.gif);position:absolute;right:15px;top:-10px}#fa_right a.rightHeaderLink[href$="/login"]{padding:0 6px}#fa_right a.rightHeaderLink.fa_login_actif{color:#333!important;background-color:#FFF!important}#fa_quick_login a.gensmall{color:#069}#fa_quick_login a.gensmall:hover{color:#333}#fa_quick_login input{color:#333;background:#FFF;border:1px solid #CCC;border-radius:3px;padding:3px;margin:2px;cursor:text}#fa_quick_login input:hover{border-color:#39C}#fa_quick_login input:focus{border-color:#333;outline:0}#fa_quick_login input.mainoption{color:#39C;border:1px solid #39C;background:0 0;font-weight:700;display:block;width:100%;padding:6px 3px;margin-top:10px;cursor:pointer;transition:300ms}#fa_quick_login input.mainoption:hover{color:#FFF;background:#39C}#fa_quick_login input.mainoption:focus{color:#FFF;background:#8B5;border-color:#8B5}#fa_quick_login table.forumline,#fa_quick_login td,#fa_quick_login th,#fa_quick_login tr{border:none!important;background:0 0!important;border-radius:0!important;white-space:normal}#fa_quick_login .thHead{color:#333;font-size:13px;font-family:"Trebuchet MS",Arial,Verdana,Sans-serif}#fa_quick_login td{font-size:13px;padding:3px}</style>');
$(function() {
if (!_userdata.session_logged_in && _userdata.activate_toolbar) {
var container = document.createElement('DIV');
container.id = 'fa_quick_login';
container.style.display = 'none';
container.innerHTML = '<form action="/login" method="post" name="form_login"><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="4" align="center"><tbody><tr><th colspan="3" class="thHead" nowrap="nowrap" height="25">' + lang.title + '</th></tr><tr><td width="100%" align="center" class="row1"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><td class="row1 align_gauche"><table width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr><td class="align_droite" width="50%"><span class="gen">' + lang.username + '</span></td><td width="50%"><input type="text" name="username" value="" size="25" maxlength="40"></td></tr><tr><td class="align_droite"><span class="gen">' + lang.password + '</span></td><td><input type="password" name="password" size="25" maxlength="32"></td></tr><tr align="center"><td colspan="2"><span class="gen">' + lang.automatic + '<input type="checkbox" name="autologin" checked="checked"></span></td></tr><tr align="center"><td colspan="2"><input type="hidden" name="redirect" value="' + lang.redirect + '"><input type="hidden" name="query" value=""><input type="hidden" name="tt" value="1"><input class="mainoption" type="submit" name="login" value="' + lang.login + '"></td></tr><tr align="center"><td colspan="2"><br><span class="gensmall"><a class="gensmall" href="/register">' + lang.register + '</a> | <a class="gensmall" href="/profile?mode=sendpassword">' + lang.forgot + '</a></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></form>';
document.body.appendChild(container);
$(function() {
var right = document.getElementById('fa_right');
if (right) {
right.firstChild.onclick = function() {
var login = document.getElementById('fa_quick_login'), offset = this.getBoundingClientRect(), loffset;
if (login) {
if (/none/.test(login.style.display)) {
login.style.display = '';
loffset = login.getBoundingClientRect();
login.style.top = offset.top + 30 + 'px';
login.style.left = offset.left - ((loffset.right - loffset.left) - (offset.right - offset.left)) + 'px';
login.getElementsByTagName('FORM')[0].username.focus();
this.className += ' fa_login_actif';
} else {
login.style.display = 'none';
this.className = this.className.replace(/fa_login_actif/, '');
}
}
return false;
};
}
});
}
});
}());
Pour le thème foncé:
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Déposez ceci:
- Code:
//THEME FONCE
(function() {
var lang = {
title : 'Merci de renseigner votre Pseudo et le mot de passe',
username : 'Nom d\'utilisateur: ',
password : 'Mot de passe : ',
automatic : 'Se connecter automatiquement : ',
login : 'Connexion',
register : 'S\'enregistrer',
forgot : 'Mot de passe oublié',
redirect : window.location.href // page the user is redirected to upon login
};
// quick login theme
document.write('<style type="text/css">#fa_quick_login{color:#FFF;font-size:13px;font-family:Arial,Verdana,Sans-serif;background:#333;border:1px solid #111;border-radius:3px;box-shadow:0 6px 12px rgba(0,0,0,.175);margin-top:20px;position:fixed;z-index:40000;width:400px}#fa_quick_login:before{content:url(http://i21.servimg.com/u/f21/18/21/41/30/arrd10.gif);position:absolute;right:15px;top:-10px}#fa_right a.rightHeaderLink[href$="/login"]{padding:0 6px}#fa_right a.rightHeaderLink.fa_login_actif{color:#333!important;background-color:#FFF!important}#fa_quick_login a.gensmall{color:#CCC}#fa_quick_login a.gensmall:hover{color:#FFF}#fa_quick_login input{color:#FFF;background:#111;border:1px solid #444;border-radius:3px;padding:3px;margin:2px;cursor:text}#fa_quick_login input:hover{border-color:#666}#fa_quick_login input:focus{border-color:#999;outline:0}#fa_quick_login input.mainoption{color:#999;border:1px solid #999;background:0 0;font-weight:700;display:block;width:100%;padding:6px 3px;margin-top:10px;cursor:pointer;transition:300ms}#fa_quick_login input.mainoption:hover{color:#333;background:#999}#fa_quick_login input.mainoption:focus{color:#333;background:#FFF;border-color:#FFF}#fa_quick_login table.forumline,#fa_quick_login td,#fa_quick_login th,#fa_quick_login tr{border:none!important;background:0 0!important;border-radius:0!important;white-space:normal}#fa_quick_login .thHead{color:#FFF;font-size:13px;font-family:"Trebuchet MS",Arial,Verdana,Sans-serif}#fa_quick_login td{font-size:13px;padding:3px}</style>');
$(function() {
if (!_userdata.session_logged_in && _userdata.activate_toolbar) {
var container = document.createElement('DIV');
container.id = 'fa_quick_login';
container.style.display = 'none';
container.innerHTML = '<form action="/login" method="post" name="form_login"><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="4" align="center"><tbody><tr><th colspan="3" class="thHead" nowrap="nowrap" height="25">' + lang.title + '</th></tr><tr><td width="100%" align="center" class="row1"><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><td class="row1 align_gauche"><table width="100%" border="0" cellspacing="1" cellpadding="0"><tbody><tr><td class="align_droite" width="50%"><span class="gen">' + lang.username + '</span></td><td width="50%"><input type="text" name="username" value="" size="25" maxlength="40"></td></tr><tr><td class="align_droite"><span class="gen">' + lang.password + '</span></td><td><input type="password" name="password" size="25" maxlength="32"></td></tr><tr align="center"><td colspan="2"><span class="gen">' + lang.automatic + '<input type="checkbox" name="autologin" checked="checked"></span></td></tr><tr align="center"><td colspan="2"><input type="hidden" name="redirect" value="' + lang.redirect + '"><input type="hidden" name="query" value=""><input type="hidden" name="tt" value="1"><input class="mainoption" type="submit" name="login" value="' + lang.login + '"></td></tr><tr align="center"><td colspan="2"><br><span class="gensmall"><a class="gensmall" href="/register">' + lang.register + '</a> | <a class="gensmall" href="/profile?mode=sendpassword">' + lang.forgot + '</a></span></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></form>';
document.body.appendChild(container);
$(function() {
var right = document.getElementById('fa_right');
if (right) {
right.firstChild.onclick = function() {
var login = document.getElementById('fa_quick_login'), offset = this.getBoundingClientRect(), loffset;
if (login) {
if (/none/.test(login.style.display)) {
login.style.display = '';
loffset = login.getBoundingClientRect();
login.style.top = offset.top + 30 + 'px';
login.style.left = offset.left - ((loffset.right - loffset.left) - (offset.right - offset.left)) + 'px';
login.getElementsByTagName('FORM')[0].username.focus();
this.className += ' fa_login_actif';
} else {
login.style.display = 'none';
this.className = this.className.replace(/fa_login_actif/, '');
}
}
return false;
};
}
});
}
});
}());
Pour changer les phrases et la redirection:
- Code:
(function() {
var lang = {
title : 'Merci de renseigner votre Pseudo et le mot de passe',
username : 'Nom d\'utilisateur: ',
password : 'Mot de passe : ',
automatic : 'Se connecter automatiquement : ',
login : 'Connexion',
register : 'S\'enregistrer',
forgot : 'Mot de passe oublié',
redirect : window.location.href //page de redirection
};
Vous pouvez changer comme bon vous semble en prenant soin
de bien faire attention à déposer le caractère d'échappement \ si vous déposer un apostrophe comme pour le nom d'utilisateur:
- Code:
Nom d\'utilisateur:
et ici:
- Code:
redirect : window.location.href //page de redirection
Par défaut la page que vous avez défini.
Si vous voulez le portail il faudra procéder ainsi:
- Code:
redirect : '/portal' //page de redirection
Voila,c'est tout pour le moment:clinoeil:.
Un soucis direction l'entraide:dte:
https://www.milouze14.com/f108-entraide-tous-supports
Dernière édition par Milouze14 le Dim 7 Oct 2018 - 8:04, édité 1 fois

-Le respect de nos semblables est la règle de notre conduite.-
Fondateur des forums
- InvitéInvité
Merci Philippe pour cette astuce 

- mariokMembre regretté
Merci Philippe installé sur : http://amarid.forum-pro.fr/
- dymoMilouzien
merci c'est génial
- photoclicMilouzien
Super. Merci l'ami. 

Sujets similaires
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