Compteur de visites gratuit
CAForum infos
Derniers sujets
» » [AwesomeBB] Plusieurs images de header sur votre forum
Bloc de connexion Clock-10Hier à 22:29 par Splash

» » Bouton MP "Répondre" adapté à la version ModernBB
Bloc de connexion Clock-10Sam 12 Oct 2019 - 18:30 par Passiflore

» » Intégrer des formules mathématiques sur votre forum
Bloc de connexion Clock-10Jeu 10 Oct 2019 - 19:45 par David1195

» » Mise à jour, Problèmes - Les dernières informations de Forumactif
Bloc de connexion Clock-10Mer 9 Oct 2019 - 14:55 par Splash

» » MuBlock (µBlock)
Bloc de connexion Clock-10Dim 6 Oct 2019 - 22:24 par Splash

» » [Edge] Réduire l'espace
Bloc de connexion Clock-10Dim 6 Oct 2019 - 22:06 par Splash

» » Modifier l'apparence du qeel
Bloc de connexion Clock-10Dim 29 Sep 2019 - 19:39 par Talil

» » Ajouter/Modifier des polices à l'éditeur
Bloc de connexion Clock-10Jeu 26 Sep 2019 - 18:51 par Passiflore

» » comment mettre en ligne un nouveau forumactif
Bloc de connexion Clock-10Mer 25 Sep 2019 - 22:04 par Splash

» » [Edge] Modification de l'adresse internet du forum
Bloc de connexion Clock-10Mer 25 Sep 2019 - 10:43 par Splash

» » [Edge] Bloc des réseaux sociaux au footer
Bloc de connexion Clock-10Lun 23 Sep 2019 - 18:58 par Splash

» » Le coucou du jour
Bloc de connexion Clock-10Sam 21 Sep 2019 - 19:31 par chrisnvidia

» » Bloc des réseaux sociaux au footer
Bloc de connexion Clock-10Sam 21 Sep 2019 - 18:11 par chrisnvidia

» » Widget : Sujets récents d'un sous-forum spécifique
Bloc de connexion Clock-10Sam 21 Sep 2019 - 16:42 par chrisnvidia

» » Menu de recherche instantanée
Bloc de connexion Clock-10Sam 21 Sep 2019 - 16:39 par chrisnvidia

Octobre 2019
LunMarMerJeuVenSamDim
 123456
78910111213
14151617181920
21222324252627
28293031   

Calendrier Calendrier

Bloc de connexion

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

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Lun 10 Juin 2019 - 23:57

  • MP
  • Zoom
Hi,
Voici une astuce qui permet d'ouvrir un bloc pour la connexion au forum au lieu d'ouvrir une nouvelle page.
Cette astuce est une adaptation de celle laissée par Ange Tuteur sur le Forum des forums

Bloc de connexion Sans_t59


Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Mettre ce script sur toutes les pages :
Code:
(function() {
  var lang = {
    title : 'Veuillez entrer votre nom pseudo et votre mot de passe pour vous connecter.',
    username : 'Pseudo : ',
    password : 'Mot de passe : ',
    automatic : 'Se connecter automatiquement : ',
    login : 'Bienvenue sur le forum',
    register : 'Créer un compte',
    forgot : 'J\'ai oublié mon mot de passe',
 
    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:#eee;border:3px solid #c3d5db;border-radius:6px;box-shadow:0 6px 12px rgba(0,0,0,.175);margin-top:20px;position:fixed;z-index:40000;width:400px}#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:900ms}#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) {
      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>  | &nbsp;<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 login = $('a.mainmenu[href="/login"]')[0];
 
        if (login) {
          login.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;
          };
        }
      });
    }
  });
}());

Pensez à Valider 2



:u1:
À bientôt
Bye



† Aucune aide ne sera donnée en privé
David1195

David1195

StaffModo
StaffModo

MessageDavid1195 le Mar 11 Juin 2019 - 12:44

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



chrisnvidia

chrisnvidia

Membre
Membre

Messagechrisnvidia le Jeu 20 Juin 2019 - 16:32

  • MP
  • Zoom
Merci beaucoup !
LilaCH

LilaCH

Membre
Membre

MessageLilaCH le Ven 2 Aoû 2019 - 0:18

  • MP
  • Zoom
Merci beaucoup !
chrisnvidia

chrisnvidia

Membre
Membre

Messagechrisnvidia le Ven 2 Aoû 2019 - 17:12

  • MP
  • Zoom
Merci beaucoup !

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum