Problème avec le menu utilisateur/notifications sur les profils (awesomebb)
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème avec le menu utilisateur/notifications sur les profils (awesomebb)
Détails techniques
Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 08/04/2020
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonjour,Depuis ce matin je rencontre un souci auquel je ne trouve pas de solution. Il apparaît uniquement sur l'affichage du profil (de tous les membres), comme ci-dessous :
- Spoiler:
Comme vous pouvez le voir, à gauche de la barre de navigation apparaît le bouton permettant d'ouvrir le menu de notifications. Normalement, cela devrait s'afficher comme sur le screen qui suit :
- Spoiler:
Il manque donc l'image et le nom de l'utilisateur. Si je clique sur les notifs ou sur le bouton qui active normalement le menu utilisateur, cela ne m'affiche aucun contenu, comme ci dessous :
- Spoiler:
Jusqu'à aujourd'hui, tout allait bien et je n'ai pas touché au template d'affichage du profil, j'imagine donc que c'est lié à la page html que j'ai installé aujourd'hui. Il s'agit d'une page permettant de mettre en place une connexion/déconnexion personnalisée. Cependant, j'ai essayé de la supprimer, de supprimer le javascript installé, mais rien de tout ça n'a changé quoi que ce soit à mon problème.
Je vous mets ci-dessous les données en question :
- profile_view_body:
- Code:
<div class="ths-profil">
<div class="profil-head">
<div class="profil-filter"><div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div></div>
<div class="profil-bann"></div>
<div class="profil-name">{USERNAME}</div>
</div>
<div class="profil-body">
<div class="profil-left">
<div class="lefttp">
<div class="member-lks">
<!-- BEGIN contact_field -->
{contact_field.CONTENT}
<!-- END contact_field -->
</div>
<div class="profil-ava"><div class="p-avatar"><span id="avatar_membre">{AVATAR_IMG}</span></div></div>
</div>
<div class="pf-quote"><!-- BEGIN profile_field -->{profile_field.CONTENT}<!-- END profile_field --></div>
</div>
<div class="profil-right">
<!-- Tab links -->
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'tab1')" id="defaultOpen"><b>Généralités</b></button>
<button class="tablinks" onclick="openCity(event, 'tab2')"><b>A propos</b></button>
<button class="tablinks" onclick="openCity(event, 'tab3')"><b>Inventaire</b></button>
</div>
<!-- Tab content -->
<div id="tab1" class="tabcontent">
<div class="tab-top">
<img src="https://www.zupimages.net/up/19/16/wq32.png"/>
<div class="pf-infos">
<!-- BEGIN profile_field -->
<div class="ink">
<div class="infos-cont">{profile_field.CONTENT}<div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div></div>
<div class="infos-label">{profile_field.LABEL}</div></div>
<!-- END profile_field -->
<div class="ink" style="display: flex !important;"><div class="infos-label">dernière connexion</div><div class="infos-cont"><div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div>{LAST_VISIT_TIME}</div></div>
<div class="ink" style="display: flex !important;"><div class="infos-label">actuellement</div><div class="infos-cont"><div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div>{USER_ONLINE}</div></div>
</div>
</div>
<div class="tab-bot">
<div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div>
<!-- BEGIN profile_field -->
<div class="persona">
<div class="perso-label"><div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div>{profile_field.LABEL}</div>
<div class="perso-cont">{profile_field.CONTENT}</div>
</div>
<!-- END profile_field -->
</div>
</div>
<div id="tab2" class="tabcontent">
<div class="tabout">
<!-- BEGIN profile_field -->{profile_field.CONTENT}<!-- END profile_field -->
<div class="tab-comment" style="display: block !important;">
<div class="tige"><div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div></div>
<div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div>
<div class="tacom"><!-- BEGIN profile_field -->{profile_field.CONTENT}<!-- END profile_field --></div>
</div>
</div>
<div class="encart">
<div class="encead"><div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div>Les petits +</div>
<div class="encb"><!-- BEGIN profile_field -->{profile_field.CONTENT}<!-- END profile_field --></div>
</div>
<div class="profil-xp">
<div class="about-ttl"><span>Expérience</span></div>
<!-- BEGIN switch_rpg -->
<!-- BEGIN rpg_fields -->
{switch_rpg.rpg_fields.F_VALUE_NEW}
<!-- END rpg_fields -->
<div class="profil-admin-rpg"><table>{U_ADMIN_RPG}</table></div>
<!-- END switch_rpg -->
</div>
</div>
<div id="tab3" class="tabcontent">
<div id="profil-inventaire">
<img src="https://i.imgur.com/XsaWb0U.png" title="desc" class="pas_obtenue badge_0"/>
<img src="https://i.imgur.com/sctLvkm.png" title="desc" class="pas_obtenue badge_1"/>
<img src="https://i.imgur.com/7pi57Ok.png" title="desc" class="pas_obtenue badge_2"/>
<img src="https://i.imgur.com/Hit9Sqh.png" title="desc" class="pas_obtenue badge_3"/>
<img src="https://i.imgur.com/kVsKor4.png" title="desc" class="pas_obtenue badge_4"/>
<img src="https://i.imgur.com/Y1UpeUC.png" title="desc" class="pas_obtenue badge_5"/>
<img src="https://i.imgur.com/uXIgChL.png" title="desc" class="pas_obtenue badge_6"/>
<img src="https://i.imgur.com/htqwZQK.png" title="desc" class="pas_obtenue badge_7"/>
<img src="https://i.imgur.com/OsJWOUW.png" title="desc" class="pas_obtenue badge_8"/>
<img src="https://i.imgur.com/BuRyHPD.png" title="desc" class="pas_obtenue badge_9"/>
<img src="https://i.imgur.com/qUOnFHw.png" title="desc" class="pas_obtenue badge_10"/>
<img src="https://i.imgur.com/JB8QlrC.png" title="desc" class="pas_obtenue badge_11"/>
<img src="https://i.imgur.com/Z7ED6fX.png" title="desc" class="pas_obtenue badge_12"/>
<img src="https://i.imgur.com/j1fvlWk.png" title="desc" class="pas_obtenue badge_13"/>
<img src="https://i.imgur.com/GAS4LsH.png" title="desc" class="pas_obtenue badge_14"/>
<img src="https://i.imgur.com/sLlf07T.png" title="desc" class="pas_obtenue badge_15"/>
<img src="https://i.imgur.com/HeiKd1Y.png" title="desc" class="pas_obtenue badge_16"/>
<img src="https://i.imgur.com/H1DrUBo.png" title="desc" class="pas_obtenue badge_17"/>
<img src="https://i.imgur.com/3Aa4SPM.png" title="desc" class="pas_obtenue badge_18"/>
<img src="https://i.imgur.com/FvVRE0V.png" title="desc" class="pas_obtenue badge_19"/>
<img src="https://i.imgur.com/wwDgthd.png" title="desc" class="pas_obtenue badge_20"/>
<img src="https://i.imgur.com/caxGHyb.png" title="desc" class="pas_obtenue badge_21"/>
<img src="https://i.imgur.com/nKl39uQ.png" title="desc" class="pas_obtenue badge_22"/>
<img src="https://i.imgur.com/vc1c83s.png" title="desc" class="pas_obtenue badge_23"/>
<img src="https://i.imgur.com/C3AQIHT.png" title="desc" class="pas_obtenue badge_24"/>
<img src="https://i.imgur.com/iefwiuH.png" title="desc" class="pas_obtenue badge_25"/>
<img src="https://i.imgur.com/HpV3aSZ.png" title="desc" class="pas_obtenue badge_26"/>
<img src="https://i.imgur.com/UWdXfqR.png" title="desc" class="pas_obtenue badge_27"/>
<img src="https://i.imgur.com/lHbT5AU.png" title="desc" class="pas_obtenue badge_28"/>
<img src="https://i.imgur.com/JB2FOsH.png" title="desc" class="pas_obtenue badge_29"/>
<img src="https://i.imgur.com/90uugXR.png" title="desc" class="pas_obtenue badge_30"/>
<img src="https://i.imgur.com/h8E4xNS.png" title="desc" class="pas_obtenue badge_31"/>
<img src="https://i.imgur.com/uM8Y585.png" title="desc" class="pas_obtenue badge_32"/>
</div>
</div>
</div>
</div>
<div class="profil-head" style="height:50px">
<div class="profil-filter"><div class="post-rank" style="font-size:0; opacity:0;display:none;">{POSTER_RANK}</div></div>
<div class="profil-bann"></div>
</div>
<div class="profil-bottom">
<!-- BEGIN profile_field -->
<!-- BEGIN profil_type_user_posts -->
<a rel="nofollow" href="/sta/{PUSERNAME}"><div></div><span>Sujets</span></a>
<a rel="nofollow" href="/spa/{PUSERNAME}"><div></div><span>Posts</span></a>
<!-- END profil_type_user_posts -->
<!-- END profile_field -->
{ADMINISTRATE_USER}
{BAN_USER}
</div>
</div>
<script>
document.getElementById("defaultOpen").click();
</script>
<script type="text/javascript">
if (/^\/u\d+$/.test(document.location.pathname)) {
$(function(){
var profilBadges = $("span:contains('Inventaire')").parent().next();
var listeBadges = profilBadges.text().split(";");
for(var i = 0, l = listeBadges.length; i < l; i++){
if(listeBadges[i].length > 0){
try{
console.log("ok");
$("#profil-inventaire").find("." + listeBadges[i].trim()).addClass("obtenue").removeClass("pas_obtenue");
} catch(e){
console.log("Système de badge erreur => " + e);
}
}
}
/* On enlève la ligne des badges si le membre n'est pas modérateur ou un supérieur */
if(profilBadges.parent().find(".field_editable").length < 1) {
var ligne = profilBadges.parent().parent().next();
if(ligne.hasClass("borderPFIL")) ligne.remove();
profilBadges.parent().remove();
}
});
}
</script>
<script src="{JQUERY_ROOT}json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var sidebar = $('#sidebar-left'),
top_position_window = $(window).scrollTop(),
top_position_sidebar = sidebar.offset().top;
function stickySidebar() {
top_position_window = $(window).scrollTop();
if ((top_position_window + 86) > top_position_sidebar) {
sidebar.addClass('sticky');
} else {
sidebar.removeClass('sticky');
}
}
stickySidebar();
$(window).on('scroll', function() {
stickySidebar();
});
});
$(document).ready(function(){
$('[id^=field_id]').each(function(){
if ( $(this).find('.field_editable').is('span, div') )
{
$(this).hover(function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit btn btn-default"><i class="material-icons">mode_edit</i><span>{L_FIELD_EDIT_VALUE}</span></div>');
$(this).find('.ajax-profil_edit').attr({
alt: "{L_FIELD_EDIT_VALUE}",
title: "{L_FIELD_EDIT_VALUE}"
}).click(function(){
$(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<i class="material-icons ajax-profil_valid">check</i>').find('input,select');
$(this).prev().find('.ajax-profil_valid').attr({
alt: "{L_VALIDATE}",
title: "{L_VALIDATE}"
}).click(function(){
var content = new Array();
$(this).parent().find('[name]').each(function(){
var type_special = $(this).is('input[type=radio],input[type=checkbox]');
if ( (type_special && $(this).is(':checked')) || !type_special )
{
content.push(new Array($(this).attr('name'), $(this).attr('value')));
}
});
var id_name = $(this).parents('[id^=field_id]').attr('id');
var id = id_name.substring(8, id_name.length);
$.post(
"{U_AJAX_PROFILE}",
{id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
function(data){
$.each(data, function(i, item){
$('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
});
},
"json"
);
});
$(this).remove();
});
}
},function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
$(this).find('.ajax-profil_edit').remove();
}
});
if ($(this).find('[type="radio"]')) {
$(this).find('[type="radio"]').each(function() {
$(this)
.wrap('<span class="radio">')
.after('<span class="radio-check"></span>');
});
}
}
});
});
//]]>
</script>
- La page HTML:
- Code:
<!doctype html>
<html lang="fr">
<meta charset="utf-8" />
<script src="https://kit.fontawesome.com/ba33c4a3cc.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Karla:400,500,700,900|Hind:300,400,500|Poppins:200,300,400,500,600,700,900|Quicksand|Playfair+Display:400,700,700i,900,900i|Montserrat:400,500,600,700,900|Roboto&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Righteous|Playfair+Display|Old+Standard+TT|Roboto+Mono:400,500,700|Montserrat:400,600,600i,700,700i,800,800i,900,900i|Poppins:400,500,600,700|Abril+Fatface|Raleway:400,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Montserrat|Poppins" rel="stylesheet"><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<!--
DEVELOPED BY ANGE TUTEUR
NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR
ORIGIN : http://fmdesign.forumotion.com/t420-multi-step-login-form#3371
-->
<style type="text/css">
a {text-decoration:none;}
@font-face {font-family: "flower for rosalline";src: url('https://dl.dropbox.com/s/ahruzjq78qen0x5/FlowerForRosalline.woff?dl=0');}
@font-face {font-family: 'Zeitgeists'; src:url('https://dl.dropboxusercontent.com/s/wy996x3kt70wcp3/Zeitgeist-RegularDemo.ttf');src:url('https://dl.dropboxusercontent.com/s/wy996x3kt70wcp3/Zeitgeist-RegularDemo.ttf') format('truetype'); font-weight: normal; font-style: normal;}
/* CONTAINERS AND GENERAL SETUP */
body {}
#fa_button_next,.fa_login_button{padding:0px 8px 10px !important;}
#fa_form_container {}
#fa_form_container a {color:#B37D4E;}
#fa_form_container a:hover {color:#555 ;}
.fa_login_maintitle {background: #222; font-family: Poppins; font-size: 40px; font-weight: 200; text-transform: uppercase; height: 100px; display:flex; align-items:center; justify-content:center;border-radius: 5px;}
.fa_login_maintitle a {background: -webkit-gradient(linear, left top, right bottom, from(#286DA8), to(#B37D4E));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.fa_login_title {text-align:center; margin:30px 0; color:#666; font-size:28px; font-weight:bold; font-family:Arial, sans-serif; }
h2.fa_login_title {font-family: Karla;text-transform: uppercase;font-size: 11px;display: flex;align-items: center;justify-content: center;background: rgba(2,11,25,0.9);color: #ccc;margin: 20px 0 0;height: 60px;}
p.fa_login_desc {background: #F9F9F9; margin: 0;padding: 20px;font-size: 13px;text-align: center;}
.fa_form_wrap {background: #F9F9F9;width: auto; margin: 0;border-radius: 0px;box-shadow: none; border: none;padding: 20px; text-align: center;}
.fa_form_links {text-align:center; background: #F9F9F9;margin: -1px -20px 0;}
.fa_login_origin { font-size:12px; position:fixed; bottom:10px; right:10px; z-index:-1; }
.fa_login_origin a { font-weight:bold; }
/* AVATAR AND USERNAME */
.fa_login_avatar {background: #fff; border: 3px solid #fff; height: 150px;width: 150px;display: flex;align-items: center;justify-content: center; margin: 0 auto 20px; overflow: hidden;position: relative;border-radius:100%;}
.fa_login_avatar img {width:100%;}
#fa_avatar_real {background:#FFF; position:absolute; top:50px; left:50px; right:2px; bottom:2px; height:0; width:0; transition:linear 150ms; }
#fa_avatar_real.avatar_visible { top:2px; left:2px; height:100px; width:100px; }
.fa_login_username a {font-family: flower for rosalline;font-size: 40px;color: #B37D4E !important;font-weight: bold;}
.fa_login_username a:hover {color: #B37D4E !important;}
/* BUTTONS AND INPUTS */
.fa_login_button {background-color: #222;font: 8px Poppins; font-weight: 700!important; padding: 8px;border-radius: 2px; color: #fff; text-transform: uppercase;letter-spacing: 2px;margin: 0px 4px 4px 0px;flex-grow: 1; overflow: hidden;position: relative;min-width: 150px; max-width: 200px; height: 40px; display: flex; align-items: center; justify-content: center;height: 30px;padding: 0 !important;text-align: center;cursor: pointer;}
.fa_login_button:hover {background:#FFF; color:#222; }
.fa_login_input {background: #fff;border: 1px solid #eee; border-radius: 25px; padding: 0 20px;width: 100%; color: #555;height: 30px;}
/* FORM SLIDES AND BACK BUTTON */
.fa_form_slide {position: relative;background: #F9F9F9;margin: 0 -20px -5px;text-align: center;padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#fa_login_back { position:relative; opacity:0; visibility:hidden; transition:250ms; }
#fa_login_back.fa_login_visible { opacity:1; visibility:visible; }
#fa_button_next, .fa_login_button {margin-top: 20px;padding: 0 !important;}
#login_step_2 {margin-top: 0;}
/* ACCOUNT LIST */
#account_list { background:#EEE; position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; }
.account_list_row { font-size:16px; text-align:left; width:80%; margin:10px auto; position:relative; }
.account_list_inner { background:#FFF; border:1px solid #DDD; border-radius:3px; padding:3px; width:80%; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account_list_inner:hover { background:#FFD }
.account_list_avatar { height:40px; width:40px; vertical-align:middle; margin-right:3px; }
#fa_form_container a.account_list_delete { font-size:30px; color:#F33 !important; background:#FFF; border:1px solid #F33; border-radius:100px; width:20px; height:20px; line-height:22px; text-align:center; position:absolute; margin-top:-10px; top:50%; right:0; display:block; overflow:hidden; }
#fa_form_container a.account_list_delete:hover { color:#333 !important; border-color:#333; }
/* HIDE FIELDS */
.logged_out #fa_form_logout, .logged_in #fa_form_login, .noscript #fa_form_login, .noscript #fa_form_logout, #account_list.accounts_hidden { display:none }
#fa_form_container iframe {display: none;}
</style>
<div id="fa_form_container" class="logged_out noscript">
<h1 class="fa_login_maintitle">
<a href="https://elicanto206.forumactif.com/" target="_blank">The Holiday Scam</a>
</h1>
<!-- START_NOSCRIPT_LOGIN_FORM -->
<noscript>
<form action="/login" method="post">
<h2 class="fa_login_title">Connexion</h2>
<p class="fa_login_desc">Connectez-vous pour accéder à ce forum</p>
<div class="fa_form_links">
<div class="fa_login_row">
<a href="/register">Créer un compte</a>
</div>
<div class="fa_login_row">
<a href="/login#login_classic">Connexion classique</a> | <a href="/login?logout=true#login_classic">Classic logout</a>
</div>
</div>
<div class="fa_form_wrap">
<div class="fa_login_row">
<input id="fa_login_username" class="fa_login_input" type="text" name="username" placeholder="Entrez votre nom d'utilisateur"/>
</div>
<div class="fa_login_row">
<input id="fa_login_password" class="fa_login_input" type="password" name="password" placeholder="Mot de passe"/>
</div>
<div class="fa_login_row" style="display: flex; flex-direction: column; align-items: center;">
<input class="fa_login_button" type="submit" name="login" value="Connexion"/>
<div style="margin-top: 20px;">
<div>
<label for="fa_autologin"><input id="fa_autologin" type="checkbox" name="autologin"/>Connexion automatique</label>
</div>
<div>
<a href="/profile?mode=sendpassword">Mot de passe oublié?</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</form>
</noscript>
<!-- END_NOSCRIPT_LOGIN_FORM -->
<!-- START_LOGIN_FORM -->
<form id="fa_form_login" action="/login" method="post">
<h2 class="fa_login_title">Connexion</h2>
<p class="fa_login_desc">Veuillez vous connecter pour avoir un accès complet à <script type="text/javascript">document.write('<a href="http://' + window.location.host + '">' + window.location.host + '</a>');</script></p>
<div id="fa_form_wrap" class="fa_form_wrap" style="height:210px;">
<div class="fa_login_row">
<a id="fa_login_back" href="#">Retour</a>
<span class="fa_login_avatar">
<img src="https://2img.net/i/fa/invision/pp-blank-thumb.png"/>
<img id="fa_avatar_real" src="https://2img.net/i/fa/invision/pp-blank-thumb.png"/>
</span>
</div>
<div class="fa_form_links">
<div id="account_list_holder" class="fa_login_row"></div>
<div class="fa_login_row">
<a href="/register">Créer un compte</a>
</div>
<div class="fa_login_row" style="display: flex; flex-direction: column; align-items: center;">
<a href="/login#login_classic">Connexion classique</a>
</div>
</div>
<!-- START_STEP_1 -->
<div id="login_step_1" class="fa_form_slide">
<div class="fa_login_row">
<input id="fa_login_username" class="fa_login_input" type="text" name="username" placeholder="Entrez votre nom d'utilisateur"/>
<p id="fa_error_username" class="fa_login_row" style="color:#F00;display:none;">S'il vous plaît entrez votre nom d'utilisateur.</p>
</div>
</div>
<!-- END_STEP_1 -->
<!-- START_STEP_2 -->
<div id="login_step_2" class="fa_form_slide">
<div class="fa_login_row">
<span class="fa_login_username"></span>
</div>
<div class="fa_login_row">
<input id="fa_login_password" class="fa_login_input" type="password" name="password" placeholder="Mot de passe"/>
<p id="fa_error_password" class="fa_login_row" style="color:#F00;width:240px;margin:10px auto;display:none;">Vous avez spécifié un nom d'utilisateur ou un mot de passe incorrect.</p>
</div>
<div class="fa_login_row" style="display: flex; flex-direction: column; align-items: center;">
<input class="fa_login_button" type="submit" name="login" value="Connexion"/>
<div style="margin-top: 20px;">
<div>
<label for="fa_autologin"><input id="fa_autologin" type="checkbox" name="autologin"/> Se connecter automatiquement</label>
</div>
<div>
<a href="/profile?mode=sendpassword">Mot de passe oublié?</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- END_STEP_2 -->
</div>
</form>
<!-- END_LOGIN_FORM -->
<!-- START_LOGOUT_FORM -->
<form id="fa_form_logout" action="/login?logout=true" method="post">
<h2 class="fa_login_title">Déconnexion</h2>
<div class="fa_form_wrap">
<div class="fa_login_row">
<span class="fa_login_avatar"><script type="text/javascript">document.write(_userdata.avatar);</script></span>
</div>
<div class="fa_login_row">
<span class="fa_login_username"><script type="text/javascript">document.write('<a href="/u' + _userdata.user_id + '" target="_blank">' + _userdata.username + '</a>');</script></span>
</div>
<div class="fa_login_row">Es-tu sûr de vouloir te déconnecter ?</div>
<div class="fa_login_row">
<div style="display:flex; align-items:center; justify-content:center;">
<input class="fa_login_button" type="submit" name="confirm" value="Oui"/>
<input class="fa_login_button" type="submit" name="cancel" value="Non"/>
<script type="text/javascript">//<![CDATA[
_userdata.session_logged_in && (function() {
var logout = document.getElementById('logout'),
container = document.getElementById('fa_form_container'),
form_logout = document.getElementById('fa_form_logout');
document.title = 'Log out';
container.className = 'logged_in';
/* if the default login link is present we can get the data from the href attribute. ( FASTER )
** otherwise we'll need to send an AJAX request to the login page for the data ( SLOWER ) */
if (logout) {
var tid = logout.href.replace(/.*?tid=(.*?)&.*/, '$1'),
key = logout.href.replace(/.*?key=(.*?)$/, '$1');
form_logout.action += '&tid=' + tid;
document.write('<input type="hidden" name="tid" value="' + tid + '"><input type="hidden" name="key" value="' + key + '">');
} else {
$.get('/login?logout=true&change_version=prosilver', function(d) {
var info = $('.submit-buttons', d)[0];
if (info) {
info.style.display = 'none';
form_logout.appendChild(info);
form_logout.action += '&tid=' + form_logout.tid.value;
}
});
}
}());
//]]></script>
</div>
</div>
</div>
</form>
<!-- END_LOGOUT_FORM -->
</div>
<script type="text/javascript">//<![CDATA[
!_userdata.session_logged_in && (function() {
document.title = 'Log in';
window.fa_form_login = {
redirect : my_getcookie('fa_login_form_redirect') || '/forum', /* change redirection page after login */
submitting : false, /* true if posting login info */
accountList : document.createElement('DIV'), /* stores logged accounts */
/* move onto the password step
pass along the user id to get the user avatar faster */
next : function(id) {
var username = document.getElementById('fa_login_username');
if (username.value) {
var avatar = document.getElementById('fa_avatar_real'),
row, accounts, i;
fa_form_login.clearError('username');
username.value = username.value.replace(/^\s+|\s+$/g, ''); // trim extra white space
// check if the username is already stored
if (!id && storage && storage.fa_accounts && window.JSON) {
accounts = JSON.parse(storage.fa_accounts);
for (i in accounts) {
if (username.value.toLowerCase() == accounts[i].username.toLowerCase()) {
id = i;
break;
}
}
}
row = id ? null : document.getElementById('account_user_' + id);
// check if account row is created to get an avatar that's already loaded
if (row) avatar.src = row.getElementsByTagName('IMG')[0].src;
else {
$.get(id ? '/ajax/index.php?f=m&user_id=' + id : '/profile?mode=viewprofile&u=' + username.value, function(d) {
var ava = id ? $('.tooltip-content img', d)[0] : $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img:first, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img', d)[0];
avatar.src = ava ? ava.src : 'https://2img.net/i/fa/invision/pp-blank-thumb.png';
avatar.className = 'avatar_visible';
});
}
$('.fa_login_username').html('<a href="/profile?mode=viewprofile&u=' + username.value + '" target="_blank">' + username.value + '</a>');
document.getElementById('fa_form_wrap').style.height = '260px';
document.getElementById('login_step_1').style.left = '-400px';
document.getElementById('login_step_2').style.left = '0px';
document.getElementById('fa_login_back').className = 'fa_login_visible';
window.setTimeout(function() {
document.getElementById('fa_login_password').focus();
}, 300);
} else {
fa_form_login.error('username');
}
},
/* move back to the username step */
back : function() {
fa_form_login.clearError('password');
document.getElementById('fa_login_username').focus();
document.getElementById('fa_avatar_real').className = '';
document.getElementById('fa_form_wrap').style.height = '210px';
document.getElementById('login_step_1').style.left = '0px';
document.getElementById('login_step_2').style.left = '400px';
document.getElementById('fa_login_back').className = '';
return false;
},
/* submit the login form */
submit : function() {
if (!fa_form_login.submitting) {
fa_form_login.submitting = true;
document.getElementById('fa_form_wrap').style.height = '260px';
fa_form_login.clearError('password');
$.post('/login', $('#fa_form_login').serialize() + '&login=true', function(d) {
fa_form_login.submitting = false;
if (/_userdata\["session_logged_in"\] = 1/.test(d)) {
var storage = window.localStorage,
id = d.match(/_userdata\["user_id"\] = (\d+)/)[1];
/* store the user_id and username for next login */
if (storage && window.JSON) {
var accounts = storage.fa_accounts ? JSON.parse(storage.fa_accounts) : {}, i;
for (i in accounts) accounts[i].last_active = 0;
accounts[id] = {
last_active : 1, /* last active account will be marked with a 1 */
username : document.getElementById('fa_login_username').value
};
storage.fa_accounts = JSON.stringify(accounts);
}
my_setcookie('fa_login_form_redirect', '');
window.location.href = fa_form_login.redirect;
} else {
fa_form_login.error('password');
}
});
}
return false;
},
/* throw a form error and display the error text */
error : function(type) {
var error = document.getElementById('fa_error_' + type),
wrap = document.getElementById('fa_form_wrap');
if (/none/.test(error.style.display)) {
document.getElementById('fa_login_' + type).style.borderColor = '#F00';
error.style.display = 'block';
wrap.style.height = +wrap.style.height.replace(/px/, '') + error.getBoundingClientRect().height + 'px';
}
},
/* clear the specified error */
clearError : function(type) {
document.getElementById('fa_error_' + type).style.display = 'none';
document.getElementById('fa_login_' + type).style.borderColor = '';
},
/* delete a profile from the account list */
deleteProfile : function(id) {
var storage = window.localStorage, accounts = JSON.parse(storage.fa_accounts),
row = document.getElementById('account_user_' + id),
i;
delete accounts[id];
for (i in accounts) {
accounts[i].last_active = 1;
break;
}
storage.fa_accounts = JSON.stringify(accounts);
row.parentNode.removeChild(row);
if (!fa_form_login.accountList.firstChild) fa_form_login.accountList.innerHTML = '<div class="fa_login_row">Il n\'y a pas de comptes enregistrés.</div><div class="fa_login_row"><a href="javascript:fa_form_login.toggleAccounts();">Retour à la connexion</a></div>';
},
/* create the profile rows based onto the accounts you logged into */
createProfile : function(id, o) {
var row = document.createElement('DIV');
row.id = 'account_user_' + id;
row.className = 'account_list_row';
row.innerHTML = '<div class="account_list_inner"><img class="account_list_avatar" src="https://2img.net/i/fa/invision/pp-blank-thumb.png"/> <span class="account_list_username">' + o.username + '</span></div><a class="account_list_delete" title="Supprimer le compte" href="javascript:fa_form_login.deleteProfile(\'' + id + '\');">X</a>';
row.firstChild.onclick = function() {
fa_form_login.toggleAccounts();
document.getElementById('fa_login_username').value = $('.account_list_username', this).text();
fa_form_login.next(this.parentNode.id.slice(13));
};
$.get('/ajax/index.php?f=m&user_id=' + id, function(d) {
var ava = $('.tooltip-content img', d)[0];
if (ava) row.getElementsByTagName('IMG')[0].src = ava.src;
});
fa_form_login.accountList.appendChild(row);
},
/* basic setup of the account list */
initAccountList : function() {
var a = document.createElement('A'),
holder = document.getElementById('account_list_holder');
a.href = '#';
a.innerHTML = 'Choisir un autre compte';
a.onclick = fa_form_login.toggleAccounts;
fa_form_login.accountList.id = 'account_list';
fa_form_login.accountList.className = 'accounts_hidden';
document.getElementById('fa_form_wrap').appendChild(fa_form_login.accountList);
holder.appendChild(a);
},
/* toggle display of the account list */
toggleAccounts : function() {
if (/accounts_hidden/.test(fa_form_login.accountList.className)) {
fa_form_login.accountList.className = '';
document.getElementById('account_list_holder').firstChild.innerHTML = 'Retour à la connexion';
} else {
fa_form_login.accountList.className = 'accounts_hidden';
document.getElementById('account_list_holder').firstChild.innerHTML = 'Choisir un autre compte';
}
if (!fa_form_login.accountList.firstChild) fa_form_login.accountList.innerHTML = '<div class="fa_login_row">Il n\'y a pas de comptes enregistrés.</div><div class="fa_login_row"><a href="javascript:fa_form_login.toggleAccounts();">Retour à la connexion</a></div>';
return false;
}
};
var container = document.getElementById('fa_form_container'),
username = document.getElementById('fa_login_username'),
storage = window.localStorage;
container.className = 'logged_out';
/* move forward in the form when ENTER is pressed */
username.onkeydown = function(e) {
if (e.keyCode && e.keyCode == 13) {
fa_form_login.next();
return false;
}
};
/* if the specified data is useable we'll go through the stored accounts in localStorage and form a list for switching */
if (storage && storage.fa_accounts && window.JSON) {
var accounts = JSON.parse(storage.fa_accounts),
i, last_active = false;
for (i in accounts) {
if (accounts[i].last_active) {
last_active = true;
username.value = accounts[i].username;
fa_form_login.next(i);
}
fa_form_login.createProfile(i, accounts[i]);
}
fa_form_login.initAccountList();
!last_active && username.focus();
} else username.focus();
document.getElementById('fa_button_next').onclick = function() {
fa_form_login.next();
};
document.getElementById('fa_login_back').onclick = fa_form_login.back;
document.getElementById('fa_form_login').onsubmit = fa_form_login.submit;
}());
//]]></script>
- Le javascript permettant de mettre en place cette page:
- Code:
<script type="text/javascript">
(function() {
var html_page = '/h10-connexion-deconnexion',
link_change = true,
redirect = true;
$(function() {
var regex = new RegExp(html_page);
if (link_change && !regex.test(window.location.href)) {
$('a[href^="/login"], a[href^="http://' + window.location.host + '/login"]').attr('href', html_page);
}
if (!document.getElementById('fa_form_container') && regex.test(window.location.href)) {
window.location.href = '/login#login_classic';
}
});
if (/\/login\?redirect/.test(window.location.href)) {
my_setcookie('fa_login_form_redirect', window.location.search.replace(/.*?redirect=(.*?)(?:&|$)/, '$1'));
}
if (redirect && /\/login/.test(window.location.href)) {
if (/login_classic/.test(window.location.hash) || /admin=1/.test(window.location.href)) return;
window.location.href = html_page;
}
}());
</script>
Merci d'avance !
Re: Problème avec le menu utilisateur/notifications sur les profils (awesomebb)
Hi,
Le problème de mettre les liens en hide est qu'il faut poster pour les lire... et une fois que tu as posté un message tu t'aperçois que le forum en question n'a rien à voir avec un forum en version AwesomeBB
Le problème de mettre les liens en hide est qu'il faut poster pour les lire... et une fois que tu as posté un message tu t'aperçois que le forum en question n'a rien à voir avec un forum en version AwesomeBB
Re: Problème avec le menu utilisateur/notifications sur les profils (awesomebb)
Bonjour, merci d'avoir pris le temps de vous pencher sur mon problème.
Sauf erreur de ma part, le lien du forum est accessible dans le profil à droite du message. De plus, à ma connaissance, rien n'interdit de poster pour prévenir d'une aide ou demander des informations supplémentaires et ainsi obtenir le lien sous hide (c'est même conseillé par le règlement de la section), quitte à éditer son message ensuite, sinon le hide n'aurait aucun sens et ne serait pas disponible dans le formulaire. Enfin, ce n'est que mon avis :)
Je n'ai pas envie de mettre l'url de ce forum partout, étant donné que c'est un forum test pour une mise à jour prochaine sur mon forum officiel. Qui plus est, il est relativement aisé de constaté que j'ai changé pas mal de choses au forum initial avec les captures d'écran fournies (mais il est bien en version AwesomeBB).
Sauf erreur de ma part, le lien du forum est accessible dans le profil à droite du message. De plus, à ma connaissance, rien n'interdit de poster pour prévenir d'une aide ou demander des informations supplémentaires et ainsi obtenir le lien sous hide (c'est même conseillé par le règlement de la section), quitte à éditer son message ensuite, sinon le hide n'aurait aucun sens et ne serait pas disponible dans le formulaire. Enfin, ce n'est que mon avis :)
Je n'ai pas envie de mettre l'url de ce forum partout, étant donné que c'est un forum test pour une mise à jour prochaine sur mon forum officiel. Qui plus est, il est relativement aisé de constaté que j'ai changé pas mal de choses au forum initial avec les captures d'écran fournies (mais il est bien en version AwesomeBB).
Re: Problème avec le menu utilisateur/notifications sur les profils (awesomebb)
Au temps pour moi, je ne suis fait avoir avec la customisationElicanto a écrit:Je n'ai pas envie de mettre l'url de ce forum partout, étant donné que c'est un forum test pour une mise à jour prochaine sur mon forum officiel. Qui plus est, il est relativement aisé de constaté que j'ai changé pas mal de choses au forum initial avec les captures d'écran fournies (mais il est bien en version AwesomeBB).
Cependant je viens de tester l'astuce proposée par Ange Tuteur sur mon forum test AwesomeBB en utilisant ta page HTML.
Il faut que tu utilises le script de l'astuce originale, celui-ci :
- Code:
(function() {
var html_page = '{HTML_PAGE_LINK}',
link_change = true,
redirect = true;
$(function() {
var regex = new RegExp(html_page);
// link change
if (link_change && !regex.test(window.location.href)) {
$('a[href^="/login"], a[href^="http://' + window.location.host + '/login"]').attr('href', html_page);
}
// redirect to classic if login page isn't available
if (!document.getElementById('fa_form_container') && regex.test(window.location.href)) {
window.location.href = '/login#login_classic';
}
});
// login redirection
// saves redirect location so you're taken to the correct page upon login
if (/\/login\?redirect/.test(window.location.href)) {
my_setcookie('fa_login_form_redirect', window.location.search.replace(/.*?redirect=(.*?)(?:&|$)/, '$1'));
}
// redirect
if (redirect && /\/login/.test(window.location.href)) {
if (/login_classic/.test(window.location.hash) || /admin=1/.test(window.location.href)) return;
window.location.href = html_page;
}
}());
Je ne rencontre pas de problème que tu exposes ici concernant les avatars des membres, donc le problème ne vient pas de la page HTML
Re: Problème avec le menu utilisateur/notifications sur les profils (awesomebb)
Bonsoir, merci pour ton éclairage !
C'est peut-être du fait de la personnalisation du forum que quelque chose empêche le code de la barre de navigation de s'activer... je ne sais pas.
En tous cas j'ai fini par complètement effacer mon template profile_view_body et constatant que la barre de navigation apparaît dans son intégralité, je l'ai restauré et j'ai retiré ce javascript (je n'avais pas osé l'enlever puisqu'il fait partie du template par défaut) :
Résultat, ça fonctionne. Dois-je le remettre/tronquer ? Je ne voudrais pas amputer le template d'un élément essentiel.
C'est peut-être du fait de la personnalisation du forum que quelque chose empêche le code de la barre de navigation de s'activer... je ne sais pas.
En tous cas j'ai fini par complètement effacer mon template profile_view_body et constatant que la barre de navigation apparaît dans son intégralité, je l'ai restauré et j'ai retiré ce javascript (je n'avais pas osé l'enlever puisqu'il fait partie du template par défaut) :
- Code:
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var sidebar = $('#sidebar-left'),
top_position_window = $(window).scrollTop(),
top_position_sidebar = sidebar.offset().top;
function stickySidebar() {
top_position_window = $(window).scrollTop();
if ((top_position_window + 86) > top_position_sidebar) {
sidebar.addClass('sticky');
} else {
sidebar.removeClass('sticky');
}
}
stickySidebar();
$(window).on('scroll', function() {
stickySidebar();
});
});
$(document).ready(function(){
$('[id^=field_id]').each(function(){
if ( $(this).find('.field_editable').is('span, div') )
{
$(this).hover(function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit btn btn-default"><i class="material-icons">mode_edit</i><span>{L_FIELD_EDIT_VALUE}</span></div>');
$(this).find('.ajax-profil_edit').attr({
alt: "{L_FIELD_EDIT_VALUE}",
title: "{L_FIELD_EDIT_VALUE}"
}).click(function(){
$(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<i class="material-icons ajax-profil_valid">check</i>').find('input,select');
$(this).prev().find('.ajax-profil_valid').attr({
alt: "{L_VALIDATE}",
title: "{L_VALIDATE}"
}).click(function(){
var content = new Array();
$(this).parent().find('[name]').each(function(){
var type_special = $(this).is('input[type=radio],input[type=checkbox]');
if ( (type_special && $(this).is(':checked')) || !type_special )
{
content.push(new Array($(this).attr('name'), $(this).attr('value')));
}
});
var id_name = $(this).parents('[id^=field_id]').attr('id');
var id = id_name.substring(8, id_name.length);
$.post(
"{U_AJAX_PROFILE}",
{id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
function(data){
$.each(data, function(i, item){
$('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
});
},
"json"
);
});
$(this).remove();
});
}
},function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
$(this).find('.ajax-profil_edit').remove();
}
});
if ($(this).find('[type="radio"]')) {
$(this).find('[type="radio"]').each(function() {
$(this)
.wrap('<span class="radio">')
.after('<span class="radio-check"></span>');
});
}
}
});
});
//]]>
</script>
Résultat, ça fonctionne. Dois-je le remettre/tronquer ? Je ne voudrais pas amputer le template d'un élément essentiel.
Re: Problème avec le menu utilisateur/notifications sur les profils (awesomebb)
je vais regarder vu que j'ai corrigé un problème du genre hier
EDIT: ça vient de ce truc var navbar = document.getElementById("navbar");
essayez d'encapsuler votre js comme ce qui suit:
EDIT: ça vient de ce truc var navbar = document.getElementById("navbar");
essayez d'encapsuler votre js comme ce qui suit:
- Code:
window.addEventListener('load', function() {
//Votre JS
});
Re: Problème avec le menu utilisateur/notifications sur les profils (awesomebb)
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: Problème avec le menu utilisateur/notifications sur les profils (awesomebb)
Bonjour,
Bon et bien j'imagine qu'il est résolu oui, pardon ^^'
Merci pour votre aide, Splash et Aoi !
Bon et bien j'imagine qu'il est résolu oui, pardon ^^'
Merci pour votre aide, Splash et Aoi !
Sujets similaires
» Multiplications des notifications dans le menu utilisateur (awesomebb)
» Problème d'installation du script mentionner un nom d'utilisateur sur AwesomeBB?
» Problème avec les profils.
» Problème avec les profils.
» [Question] problème d'affichage des profils avec fiche html
» Problème d'installation du script mentionner un nom d'utilisateur sur AwesomeBB?
» Problème avec les profils.
» Problème avec les profils.
» [Question] problème d'affichage des profils avec fiche html
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum