Bloc de connexion rapide
Ce LS remplace le bloc de connexion rapide présent sur l'index du forum.
- Incompatible avec la connexion rapide par Facebook (Facebook Connect)
- Modification du template index_body (il faut donc être fondateur du forum)
- Testé sur phphbb2
Il s'agit du bloc noir
Template
Pensez à activer la connexion rapide sur le panneau d'admin :
PA > Affichage > Page d'accueil > Généralités > Affichage de la connexion rapide
Le template à modifier est index_body
PA > Affichage > Templates > Général > index_body
PA > Affichage > Page d'accueil > Généralités > Affichage de la connexion rapide
Le template à modifier est index_body
PA > Affichage > Templates > Général > index_body
Le code de connexion rapide est présent 2 fois dans le template, pour la connexion rapide en haut et celle en bas.
En fonction de ce que vous avez choisi (en haut / en bas), il faudra la remplacer au bon endroit.
Connexion rapide en haut
Le code se situe entre ces deux lignes :
- Code:
<!-- BEGIN switch_user_login_form_header -->
REMPLACEZ TOUT LE CODE ENTRE LES 2 PAR LE HTML PLUS BAS
<!-- END switch_user_login_form_header -->
Connexion rapide en bas
Le code se situe entre ces deux lignes :
- Code:
<!-- BEGIN switch_user_login_form_footer -->
REMPLACEZ TOUT LE CODE ENTRE LES 2 PAR LE HTML PLUS BAS
<!-- END switch_user_login_form_footer -->
Le HTML
- Code:
<!-- DEBUT LS CONNEXION RAPIDE NEVER UTOPIA -->
<!-- Ajout de la police -->
<link href='https://fonts.googleapis.com/css?family=Arapey' rel='stylesheet' type='text/css' />
<div class="connexion-bloc">
<form class="connexion-form" action="{S_LOGIN_ACTION}" method="post" name="form_login">
<div><input type="text" name="username" placeholder="Nom d'utilisateur"/></div>
<div><input type="password" name="password" placeholder="Mot de passe"/></div>
<div>
<input class="radio" type="checkbox" name="autologin" id="autologin" {AUTOLOGIN_CHECKED} />
<label for="autologin">Connexion automatique</label>
</div>
<input type="submit" name="login" value="Connexion" />
</form><!-- fermeture du bloc du formulaire -->
<a href="/profile?mode=sendpassword" title="Récupérer son mot de passe">Mot de passe oublié ?</a>
</div>
<!-- DEBUT LS CONNEXION RAPIDE NEVER UTOPIA -->
Si vous avez choisi de l'afficher en haut et en bas :
- Spoiler:
- Il faudra donc le remplacer 2 fois dans le template !
Attention, il y a un id à remplacer ici :
- Code:
<input class="radio" type="checkbox" name="autologin" id="autologin" {AUTOLOGIN_CHECKED} />
<label for="autologin">Connexion automatique</label>
- Code:
<input class="radio" type="checkbox" name="autologin" id="autologinbottom" {AUTOLOGIN_CHECKED} />
<label for="autologinbottom">Connexion automatique</label>
CSS
PA > Affichage > Images & Couleurs > Couleurs > Onglet "Feuille de style"
- Code:
/*
* Libre service bloc de connexion rapide
* NEVER UTOPIA
*/
/* Bloc qui entoure tout */
.connexion-bloc {
margin: 20px auto;
padding: 20px 0;
background: #040004;
font-family: 'Arapey', serif;
color: #ffffff;
text-align: center;
font-size: 15px;
}
/* Formulaire */
.connexion-form {
width: 50%;
min-width: 190px;
margin: auto;
margin-bottom: 30px;
padding: 20px;
padding-top: 30px;
position: relative;
border: 2px solid #FA023C;
}
/* Les champs */
.connexion-form input {
padding: 10px 20px;
margin-bottom: 15px;
background: #ffffff;
border: none;
font-family: inherit;
font-size: 15px;
outline: none;
}
.connexion-form label {
cursor: pointer;
}
/* Bouton de connexion */
.connexion-form input[type="submit"] {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
background: #FA023C;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.25em;
font-size: 16px;
padding: 10px 18px;
margin: 0;
cursor: pointer;
transition: all 1000ms;
}
/* Bouton de connexion au survol */
.connexion-form input[type="submit"]:hover {
color: #FA023C;
background: #262323;
}
/* Liens (Mot de passe oublié) */
.connexion-bloc a {
text-decoration: none!important;
color: #766e6e;
text-decoration: none;
transition: all 300ms ease-out;
}
/* Liens au survol (Mot de passe oublié) */
.connexion-bloc a:hover {
color: #FA023C;
}
/*
* Fin libre service Connexion rapide
* Never Utopia
*/
En cas de problème, merci de vous rendre dans la section "[url=/f177-probleme-avec-mon-code]Problème avec mon code[/url]" ou "[url=/f75-personnalisations]Personnalisation[/url]" 
Merci de penser à créditer Never Utopia, avec un lien vers le forum, merci 
Dernière édition par Nihil Scar Winspeare le Sam 5 Mar 2016 - 21:04, édité 2 fois
