Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Avatar du dernier inscrit qui ne s'affiche plus dans le QEEL.

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Avatar du dernier inscrit qui ne s'affiche plus dans le QEEL.

Message par Rozenbrez Mer 13 Oct 2021 - 12:17

Détails techniques


Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :
Voir l'image:
Avatar du dernier inscrit qui ne s'affiche plus dans le QEEL. Probaf10

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 09/10/2021
Lien du forum : http://forumtestderozenbrez.kanak.fr

Description du problème

Bonjour,

J'ai fait un changement de design il n'y a pas longtemps et depuis l'avatar du dernier inscrit ne s'affiche plus dans le QEEL, alors que je n'ai pas toucher le code qui permet l'action.

Je vous met le code du template, le CSS associé au QEEL et le script :

Code:
{JAVASCRIPT}

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
         <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
         <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
         <br />
         <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
<!-- END switch_user_login_form_header -->
<br /><br /><div class="bloc_pa">
  <div class="bloc_contexte"><div class="title_con"><a href="https://nozomu-rpg.forumsrpg.com/t5-2-contexte-du-forum#5">Lire le contexte entier</a></div><div class="contexte">Un même circule sur Internet parlant d’un monde où Humains et créatures surnaturelles vivraient en paix et en harmonie, mais pour certains c'est une utopie. Utopie qu'ils comptent bien réaliser à Nozomu, la ville spécialement créée pour cela.<br /><br />

Trônant fièrement sur l'île, là aussi spécialement conçue pour réaliser ce rêve, la ville de l'espoir accueil toutes les races foulant la Terre : humains, vampires, loups-garous, kitsunes, elfes, orcs, gobelins et tant d'autres. Tous essayent de cohabiter en paix et en harmonie, de trouver l'équilibre tant recherché depuis tous ces siècles de guerres.<br /><br />

Seulement, cela n'est pas au goût de certains. Les dissidents prônent la suprématie de leur race, très souvent à cause de la rancune des massacres et autres génocides qui ont eu lieu dans le passé.<br /><br />

Et vous ? Quels sont vos objectifs ? Êtes-vous pour la paix ou bien pour la suprématie de votre race ? Peut-être que vous n’avez pas d’avis et que vous voulez juste vivre votre vie tranquillement ?</div></div>
<div class="blocpa_middle"><div class="bloc_staff"><img src="https://www.aht.li/3642756/staffpa.jpg" /><div class="infos_staff"><div class="staff_name">Minoru</div><div class="bloc_istaff">Fondatrice - Présente</div><a href="https://nozomu-rpg.forumsrpg.com/privmsg?mode=post&u=1" target="_blank">Contacter par MP</a></div></div><div class="tops_sites"><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=8400" target="_blank"><img src="https://www.aht.li/3642745/acida-icon.png" /></a> <a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=5455" target="_blank"><img src="https://www.aht.li/3642746/choko-crema-icon.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=6106" target="_blank"><img src="https://www.aht.li/3642747/choko-milky-icon.png" /></a> <a href="http://www.root-top.com/topsite/justmarried/in.php?ID=853" target="_blank"><img src="https://www.aht.li/3642748/red-jam-icon.png" /></a> <a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=3067" target="_blank"><img src="https://www.aht.li/3642749/tropic-icon.png" /></a></div><div class="discord"><a href="https://discord.gg/srZXv9PzaF" target="_blank"><img src="https://www.aht.li/3642760/discord2.png" /></a></div></div>
<div class="blocpa_right"><div class="title_gazette">La gazette de l'île</div><div class="bloc_gazette"><span><b>09/10/2021 :</b> Le forum s'offre un petit relooking. :)</span></div></div>
</div>
<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <!-- BEGIN message_admin_titre -->
         <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
      <!-- END message_admin_titre -->

      <!-- BEGIN message_admin_txt -->
         <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
      <!-- END message_admin_txt -->
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}

{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div class="bloc_QEEL"><div class="QEEL_title">Qui se balade dans nos rues ?</div>
  <div class="blocQEEL_totaluser">{TOTAL_USERS_ONLINE}</div>
  <div class="QEEL_position"><div class="QEEL_nm"><div class="QEEL_ava"><span id="avatar_dernier_membre"></span></div><div class="QEEL_newmember"><span id="dernier_membre">{NEWEST_USER}</span><br /><span id="mesbien">Vient de débarquer !</span></div></div>
    <div class="QEEL_infos"><div class="QEEL_members"><span class="qeel-p-perso">{TOTAL_USERS}</span> Citoyens parcours la ville.</div><div class="QEEL_messages"><span class="qeel-p-perso">{TOTAL_POSTS}</span> histoires se sont passées.</div>
<div class="groupe1"><a href="https://nozomu-rpg.forumsrpg.com/g6-chikara">Chikara</a></div><div class="groupe2"><a href="https://nozomu-rpg.forumsrpg.com/g4-yumetokibo">Yumetokibō</a></div><div class="groupe3"><a href="https://nozomu-rpg.forumsrpg.com/g7-chusei">Chūsei</a></div><div class="groupe4"><a href="https://nozomu-rpg.forumsrpg.com/g5-fuitchi">Fuitchi</a></div></div>
    <div class="QEEL_lists"><div class="title_lists">Ils sont en ville</div><div class="list_actu">{LOGGED_IN_USER_LIST}</div><div class="title_lists">Ils étaient en ville</div><div class="list_last">{L_CONNECTED_MEMBERS}</div></div></div></div>
<script type="text/javascript">$('.list_actu').each(function(){$(this).html($(this).html().replace(/Utilisateurs enregistrés : /g," "));});</script>
<script type="text/javascript">$('.list_last').each(function(){$(this).html($(this).html().replace(/Membres connectés au cours des 72 dernières heures :/g," "));});</script>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form center">
         <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
         <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
         <br />
         <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
         <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
      </div>
   </form>
</div>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

Code:
/*** QEEL ***/
.bloc_QEEL {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
width:100%;
height:450px;}

.QEEL_title {
width:100%;
height:55px;
text-align: left;
font-size: 50px;
text-transform: uppercase;
font-family: "Josefin Slab", verdana, Arial;
font-weight: bold;
  text-shadow: 0px 1px 1px #DEDEDE;
color: #8c64b5;
margin-bottom: 10px;}

.blocQEEL_totaluser {
width:100%;
height:55px;
  text-align: left; }

.QEEL_position {
width: 100%;
 display: flex;
justify-content: space-between;}

.QEEL_nm {
  position: relative;
  width:250px;
margin-right: 15px;}

.QEEL_newmember {
width:250px;
  height:60px;
  z-index: 999;
position: absolute;
top:225px; right: 0px;
background: rgba(64, 64, 64, 0.6);
padding: 5px;text-align: right;}

#mesbien {color: #DEDEDE;font-size: 20px;text-shadow: 0px 1px 1px black; font-weight: bold;font-family: 'Josefin Slab', verdana, Arial;text-align: right;}

#dernier_membre {
    font-size: 0; /* on masque le texte de base */
}

#dernier_membre strong {font-size: 19px; text-shadow: 0px 1px 1px black;/* on masque le texte de base */}

.QEEL_ava {
margin-top: 0px;
margin-left: 0px;
width:250px;
  height:400px;
box-shadow: 5px 5px 0px #5b4175;}

#avatar_dernier_membre {
width:250px;
  height:400px;}

span[id="avatar_dernier_membre"] img {
width:250px;
  height:400px;
}

.QEEL_infos {
margin-right: 15px;
width: 355px;
 height:400px;
 display: flex;
flex-direction: column;
justify-content: space-evenly;}

.QEEL_members, .QEEL_messages {
width:100%;
height:25px;
background-color: #404040;
  border-left: 4px solid #8c64b5;
text-align: right;
font-size: 16px;
line-height: 22px;
font-family:"Josefin Slab", Arial, Verdana;
font-weight: bold;
padding: 2px;}

.qeel-p-perso { font-size: 0;}

.qeel-p-perso strong { font-size: 20px;}

.groupe1, .groupe2, .groupe3, .groupe4{
width:100%;
height: 40px;
text-align: center;
color: #1f1628 !important;
font-size: 30px;
line-height: 35px;
color: black; font-family: Verdana, Arial;}

.groupe1 a{ color: #1f1628;}
.groupe2 a{ color: #1f1628;}
.groupe3 a{ color: #1f1628;}
.groupe4 a{ color: #1f1628;}


.groupe1 {background: #70db77; }
.groupe2 {background: #e3e374; }
.groupe3 {background: #eb9f41; }
.groupe4 {background: #eb4444; }

.QEEL_lists{
width: 600px;
 height:420px;
 display: flex;
flex-direction: column;
justify-content: space-evenly;}

.title_lists {
width: 100%;
height: 20px;
text-align: left;
font-size: 20px;
  color: #DEDEDE;
  font-weight: bold;
font-family:"Josefin Slab", Arial, Verdana;
margin-bottom: 2px;}

.list_actu, .list_last {
padding: 5px;
width: 100%;
height: 355px;
background: #404040;
  font-size: 12px;
border-left: 4px solid #8c64b5;
overflow: auto;}

/*** FIN QEEL ***/

Code:
$(function(){
    $.get($("#dernier_membre a[href^='/u']")[0].href,function(d){
    (a=$("#avatar_membre img",$(d))).length&&$("#avatar_dernier_membre").html(a);})
    });

En vous remerciant par avance pour votre aide. Smile
Rozenbrez

Rozenbrez
****

Féminin
Messages : 244
Inscrit(e) le : 08/08/2011

Voir le profil de l'utilisateur http://forumtestderozenbrez.kanak.fr
Rozenbrez a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Avatar du dernier inscrit qui ne s'affiche plus dans le QEEL.

Message par Oka.mi Mer 13 Oct 2021 - 13:21

Bonjour,

Dans votre code JavaScript, vous avez l'id "avatar_membre" qui n'est pas présent sur la page /u. Du coup il faudra l'ajouter dans le template profile_view_body, comme ceci :
Code:
<div id="avatar_membre">{AVATAR_IMG}</div>
pour que le script puisse s'exécuter.
Oka.mi

Oka.mi
Membre habitué

Messages : 1552
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar du dernier inscrit qui ne s'affiche plus dans le QEEL.

Message par Rozenbrez Mer 13 Oct 2021 - 13:28

Bonjour Oka.mi,

J'avais complètement oublié ce petit ajout comme j'ai modifié ce template aussi. Merci beaucoup, tout fonctionne à nouveau. Avatar du dernier inscrit qui ne s'affiche plus dans le QEEL. 1f60a

Bonne journée à vous.
Rozenbrez

Rozenbrez
****

Féminin
Messages : 244
Inscrit(e) le : 08/08/2011

Voir le profil de l'utilisateur http://forumtestderozenbrez.kanak.fr
Rozenbrez a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Avatar du dernier inscrit qui ne s'affiche plus dans le QEEL.

Message par Oka.mi Mer 13 Oct 2021 - 13:36

Avec plaisir. Bonne journée à vous également Smile
Oka.mi

Oka.mi
Membre habitué

Messages : 1552
Inscrit(e) le : 06/01/2011

Voir le profil de l'utilisateur https://deus-academia.forumactif.com/
Oka.mi a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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