Le Deal du moment : -20%
-20% Récupérateur à eau mural 300 ...
Voir le deal
79 €

   :: Espace invités :: Intruders :: Résolus Voir le sujet précédent Voir le sujet suivant Aller en bas

Problème avec le QEEL

Kuro
Problème avec le QEEL Empty Mar 25 Oct - 19:05
Bonjour, c'est encore nous ! Nous rencontrons un problème avec le QEEL, en effet, les membres connectés au cours des 24 dernières heures ne s'affichent pas. Voici notre forum : http://chuunibyou-desu-ga.forumactif.com/

Le template :
Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
            <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_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- 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 -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td><div class="QEEL"><!-- TITRE --><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div><!-- TRIANGLE TITRE --><div class="triQEEL"></div>
<div class="blocQEEL"><div id="stsQEEL"><!-- IMAGE 200*200 --><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /><!-- STATISTIQUES --><div id="stsQEEL"><!-- STATISTIQUES --><div class="stsQEEL"><!-- DERNIER INSCRIT --><div>Dernier inscrit</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><br/><!-- TOTAL MEMBRES --><div>Membres</div><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/><!-- TOTAL MESSAGES --><div>Messages</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script></div></div></div><!-- ANNIVERSAIRES/MEMBRES CONNECTES/24H --><div id="ondayQEEL"><!-- MEMBRES CONNECTES --><div class="onlineQEEL"><table><span id="TLUS" style="font-size:9px;">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script><br/><br/>{LOGGED_IN_USER_LIST}</table><br/></div><!-- 24H --><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table><!-- ANNIVERSAIRES --><table>{L_WHOSBIRTHDAY_TODAY}</table></div></div>

<!-- DESCRIPTIONS GROUPES --><div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script>
<!-- DESCRIPTIFS GROUPES --><div class="contenu_onglets"><!-- CONTENU GROUPE 1 --> <div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM DU GROUPE --><div style="background:#FA5858;">Light</div><!-- CONTENU -->Ce groupe est un puissant adversaire du Mur. Menés par *Gordon Wolfe, dit Light Blue*, ils se battent pour protéger l’humanité de la domination du Mur. Leur combat contre le Mur n’est pas leur unique activité, puisqu’ils agissent aussi comme des super-héros, aidant l’humanité en empêchant les crimes de simples humains. De même, ils pourchassent les Grey choisissant le chemin de la violence. </div><!-- CONTENU GROUPE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><div style="background:#FF8000;">Grey</div><!-- CONTENU -->Il ne s'agit pas ici d'une organisation mais d'un type de personne. Sont rassemblés sous le nom de Grey, puisqu’ils se trouvent entre Dark et Light, les éveillés en tout genre qui ne prennent pas parti dans la guerre du Mur. Ils veulent vivre selon l'objectif qu'ils se sont fixés de par leur chuunibyou respective. Ils n'ont pas de leader, même si certains Grey sont plus reconnus que d'autres par leurs semblables. </div><!-- CONTENU GROUPE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM DU GROUPE --><div style="background:#FFFF00;">Dark</div><!-- CONTENU -->Cet honorable groupe est le plus grand adversaire auquel le Mur a dû faire face. Menés par Five Garetty, dit Dark Magenta, ils se battent au nom des éveillés qui souhaitent une vie paisible, sans être attaqués par le Mur en permanence. L''avis de simples humains ne leur fait aucun effet, l'objectif est de venger et protéger les éveillés qu'importe le prix comme énoncé plus tôt. </div>

</div></div></div>

<!-- TRAITS COLORES GROUPES --><div class="GQEEL"><div class="onglets"><!-- GROUPE 1 --><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background-color:#FA5858;"></span><!-- GROUPE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background-color:#FF8000;"></span><!-- GROUPE 3 --><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background-color:#FFFF00;"></span>

</div></div>
<script type="text/javascript">
            //<!--
                    var anc_onglet = 'eins';
                    change_onglet(anc_onglet);
            //-->
            </script>
</div></td></tr></table>
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label> 
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label> 
            <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_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- 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}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

<!-------------------------------
 * BLOC PARTENAIRES AVEC DECALAGE
 * Libre service - Never Utopia
--------------------------------->
<div class="staggered-partners">
    <a href="http://utsukushi-neko-sekai.forumactif.org/" class="partner-link"><img src="http://image.noelshack.com/fichiers/2016/27/1468175701-8831.png" =""="" /></a>
    <a href="http://roncepourpre.rpgdynasty.com/" title="ronce pourpre" class="partner-link" target="_blank"><img src="http://img4.hostingpics.net/pics/831004Ronce88x31.png" alt="Never Utopia" /></a>
    <a href="http://amai-gakuen.forumactif.org/" title="amai gakuen" class="partner-link" target="_blank"><img src="http://zupimages.net/up/16/36/zoss.png" alt="Never Utopia" /></a>
    <a href="http://kalerya-entre-monde.forumactif.org/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://img15.hostingpics.net/pics/2076508831.png" alt="Never Utopia" /></a>
    <a href="http://undertale-soul.forums-rpg.com/" title="undertale soul" class="partner-link" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/29/1468856225-8831.png" alt="Never Utopia" /></a>
    <a href="http://a-mundi.forumactif.org/" title="axis mundi" class="partner-link" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/37/1474196487-88x31.png" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/9b59b6/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/8e44ad/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/34495e/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/2c3e50/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/95a5a6/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/e74c3c/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/e67e22/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/f1c40f/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/1abc9c/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/16a085/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/2ecc71/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/27ae60/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/3498db/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/2980b9/ffffff" alt="Never Utopia" /></a>
    <a href="http://www.never-utopia.com/" title="Never Utopia" class="partner-link" target="_blank"><img src="http://placehold.it/88x31/9b59b6/ffffff" alt="Never Utopia" /></a>

    <div class="credits-partners"><a href="http://www.never-utopia.com/" title="Bloc partenaire venant de Never Utopia">Never Utopia ♥</a></div>
</div>
<!-- FIN BLOC PARTENAIRE -->

Le CSS :

Code:
/* QEEL */
.QEEL {
margin:auto; width:800px; height:auto;
}
/* TITRE QEEL */
.tleQEEL {
width:490px; height:25px; padding:10px 0 10px 10px;
background:#AFD292; /* MODIFIABLE */
text-transform:uppercase; font-family:Arial; text-align:left;
}
.tleQEEL a{
font-size:24px;
color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* TRIANGLE TITRE QEEL */
.triQEEL {
position:absolute; z-index:3; margin-left:500px; margin-top:-45px;
width:0; height:0;
border-style: solid; border-width:45px 20px 0 0; 
border-color:#191919 transparent transparent transparent; /* MODIFIABLE */
}
/* BLOC STATISTIQUES / MEMBRES EN LIGNE / 24H / DESCRIPTIFS GROUPES QEEL */
.blocQEEL {
width:800px;
background:#D7EBC7;  /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:middle;
width:200px; margin-left:-25px;
}
#stsQEEL img {
position:absolute; margin-left:-25px;
width:200px; height:200px; border-radius:200px;
transition:all 0.80s ease; -webkit-transition:all 0.80s ease;
}
#stsQEEL:hover img{
transform:scale(0) rotate(360deg); -webkit-transform:scale(0) rotate(360deg); opacity:0;
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:200px; height:175px; padding-top:25px; border-radius:200px; overflow:hidden;
background:#edeff4; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* TITRES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding:5px 0;
text-transform:uppercase; text-align:center;
border-bottom:1px dashed black; /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE/24H QEEL */
#ondayQEEL {
display:inline-block; vertical-align:middle;
width:400px; padding:10px 0; text-align:center;
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:170px; height:195px; padding:10px; overflow:hidden;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.onlineQEEL:hover {
overflow:auto;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:180px; height:205px; padding:5px; overflow:hidden;
background-color:rgba(250,250,250,0.7); color:black !important; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
/* ANNIVERSAIRES */
.dayQEEL .row1 {
padding:0 !important; background:none !important;
}
/* BLOC DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:middle; margin:5px;
background-color:rgba(250,250,250,0.7); /* MODIFIABLE */
width:210px; height:215px; text-align:center;
}
/* DESCRIPTIFS GROUPES QEEL */
.contenu_onglet {
display:none;
width:190px; height:195px; padding:10px; overflow:auto;
font-size:10px; text-align:justify;
color:black; /* MODIFIABLE */
}
/* NOMS DES GROUPES QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:-90px; margin-top:-70px;
width:300px; height:25px; padding:10px 0;
text-align:center; font-size:18px; font-family:Arial; text-transform:uppercase; letter-spacing:1px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC TRAITS COLORES GROUPES QEEL */
.GQEEL {
width:800px; height:15px; padding:10px 0; text-align:center;
}
/* TRAITS COLORES GROUPES QEEL */
.onglet {
display:inline-block; margin:0 5px;
width:55px; height:15px; background:blue;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TRAIT COLORE GROUPES QEEL */
.onglet_1 {
opacity:1;
}

Voilà, j'espère que vous avez une solution ! En fait, j'ai eu un petit problème pour installer le code, les lignes que je devais remplacer n'existait plus :/ (les templates sont plus courts maintenant) du coup j'ai placé le code de façon assez hasardeuse xD Merci beaucoup de votre aide !
Revenir en haut Aller en bas
Skaemp
Problème avec le QEEL Empty Mer 26 Oct - 3:09
Bonjour,

Tel qu'indiqué dans la notice :
Panneau d'administration > Affichage > Page d'accueil > Généralités
Problème avec le QEEL 24H

Remplacez :
Code:
/* TRIANGLE TITRE QEEL */
.triQEEL {
position:absolute; z-index:3; margin-left:500px; margin-top:-45px;
width:0; height:0;
border-style: solid; border-width:45px 20px 0 0;
border-color:#191919 transparent transparent transparent; /* MODIFIABLE */
}

Par :
Code:
/* TRIANGLE TITRE QEEL */
.triQEEL {
position:absolute; z-index:3; margin-left:500px; margin-top:-45px;
width:0; height:0; border-style:solid; border-width:45px 20px 0 0; border-color:transparent;
border-top-color:#AFD292; /* MODIFIABLE */
}
Revenir en haut Aller en bas
Page 1 sur 1
Vous ne pouvez pas répondre aux sujets dans ce forum