[EDGE]Module de connexion type Forumactif

Hello les ami(e)s,

voici une astuce qui va reprendre l'équivalent de la connexion sur le forum des forums lorsque vous cliquez sur le barre de navigation.





Je vous conseille de placer le script sur l'index,le portail,galerie ,les sous forums et les sujets
rien ne vous empêche de cocher sur toutes les pages,mais je ne le recommande pas.

Vous pouvez modifier les icônes dans la feuille de style ici:

Code:


.M14_login_userSpeudo:before{font-family: FontAwesome;content: "\f0c0";color:white;font-style: normal;font-size:18px;}
.M14_login_userKey:before{font-family: FontAwesome;content: "\f084";color:white;font-style: normal;font-size:18px;}

Allez,on se lance:


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Placez le script sur les pages souhaitées.

Déposez ceci:

Code:


$(function(){
if(_userdata["session_logged_in"])return;
$('div#page-header').after('<div id="M14_login" style="display:none;">
  <form action="/login" method="post" name="form_login">
    <i class="M14_login_userSpeudo color-primary"></i>
    <input type="text" placeholder="Votre Pseudo" title="Votre Pseudo" tabindex="1" name="username" id="username" size="25" maxlength="40" value="" class="inputbox autowidth">
      <i class="M14_login_userKey color-primary"></i>
<input type="password" placeholder="Votre mot de passe" title="Votre mot de passe" tabindex="2" id="password" name="password" size="25" maxlength="25" class="inputbox autowidth">
<button type="submit" name="login" class="color-primary"title="Connexion">Connexion</button>
          </form>
        </div>');
$('div#navbar a.mainmenu[href="/login"]').click(function(event){
  event.preventDefault();
$('#M14_login').slideToggle();
});

});


Pensez a cliquer sur le bouton





Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutez ceci:

Code:


#M14_login {width: 50%;left: 50%;position: relative;}
#M14_login input.inputbox {
    border-color: transparent;
    border-radius: 0 3px 3px 0;
    box-sizing: border-box;
    color: #555;
    font-family: sans-serif;
    font-size: 13px;
    height: 40px;
    margin-right: 20px;
    padding: 0 10px;
    width: 150px !important;
  background-color:#F6E497;
top: 1px;
position: relative;
}
#M14_login i[class^="M14_login_user"]{font-size:18px;border-radius: 3px 0 0 3px;box-sizing: border-box;height: 40px;padding: 9px 10px;vertical-align: middle;}
#M14_login button[type="submit"] {

    border: 0 none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    padding: 0 10px;
    vertical-align: top;
}
.M14_login_userSpeudo:before{font-family: FontAwesome;content: "\f0c0";color:white;font-style: normal;font-size:18px;}
.M14_login_userKey:before{font-family: FontAwesome;content: "\f084";color:white;font-style: normal;font-size:18px;}


Pensez a cliquer sur le bouton

Merci Milouze14 pour ce sujet: ( [Edge]Module de connexion type Forumactif )



Cela répond à ma question posé sur l'entraide

Salut :) 
Merci Phlippe
Tu vois, longtemps après installé, mais pas mal au rendu