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

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
-39%
Le deal à ne pas rater :
Balai serpillière plat avec seau pliable à 19,99€
19.99 € 32.78 €
Voir le deal

 

 [EDGE]Module de connexion type Forumactif

Aller en bas 
3 participants
AuteurMessage
Milouze14
Fondateur

Milouze14



[EDGE]Module de connexion type Forumactif Empty
MessageSujet: [EDGE]Module de connexion type Forumactif   [EDGE]Module de connexion type Forumactif EmptyDim 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

clost aime ce message

Revenir en haut Aller en bas
https://www.milouze14.com
Splash
Milouzien

Splash



[EDGE]Module de connexion type Forumactif Empty
MessageSujet: Re: [EDGE]Module de connexion type Forumactif   [EDGE]Module de connexion type Forumactif EmptyDim 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
Revenir en haut Aller en bas
https://lesforums.caforum.fr
clost
Milouzien

clost



[EDGE]Module de connexion type Forumactif Empty
MessageSujet: Re: [EDGE]Module de connexion type Forumactif   [EDGE]Module de connexion type Forumactif EmptyMar 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

Revenir en haut Aller en bas
https://www.dyane-collection-passion.net
Contenu sponsorisé





[EDGE]Module de connexion type Forumactif Empty
MessageSujet: Re: [EDGE]Module de connexion type Forumactif   [EDGE]Module de connexion type Forumactif Empty

Revenir en haut Aller en bas
 
[EDGE]Module de connexion type Forumactif
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies
» [EDGE]Supprimer le tag "Re" sur les messages
» [EDGE] Installer la version Edge sur votre forum
» [EDGE]Afficher une navigation rapide sur les messages
» [EDGE]Outils de modération sur la liste des sujets

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Les astuces EDGE-
Sauter vers: