Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

[EDGE]Module de connexion type Forumactif

3 participants

Aller en bas

Icône par defaut [EDGE]Module de connexion type Forumactif

Message par Milouze14 Dim 20 Oct 2019 - 19:00

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.

[EDGE]Module de connexion type Forumactif 0125

[EDGE]Module de connexion type Forumactif 116

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 Valid





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 [EDGE]Module de connexion type Forumactif Sans_t10




Dernière édition par Milouze14 le Mar 30 Nov 2021 - 4:21, édité 2 fois
Milouze14
Milouze14
Fondateur



https://www.milouze14.com

clost aime ce message

Revenir en haut Aller en bas

Icône par defaut Re: [EDGE]Module de connexion type Forumactif

Message par Splash Dim 20 Oct 2019 - 19:53

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



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



https://lesforums.caforum.fr

Revenir en haut Aller en bas

Icône par defaut Re: [EDGE]Module de connexion type Forumactif

Message par clost Mar 24 Nov 2020 - 21:11

Salut :) 
Merci Phlippe
Tu vois, longtemps après installé, mais pas mal au rendu  Merci pour l'aide clin oeil

clost
clost
Milouzien



https://www.dyane-collection-passion.net

Revenir en haut Aller en bas

Revenir en haut


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