Onglets qui ne s'affichent plus correctement.

par cobain. Jeu 24 Mai 2018 - 22:26

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 24/05/2018
Lien du forum : http://peoplealwaysleave.1fr1.net/

Description du problème

Bonjour, bonsoir, j'avais installer sur mon forum un système d'onglet dans le Qui Est En Ligne, en suivant le tutoriel ici même. Tout fonctionnait bien jusque ce matin encore et en me reconnectant ce soir, vers 21 heures, les onglets ne s'affichaient plus correctement, ni sur ce forum, ni sur le forum test où avaient été codé le QEEL (ici).

Aucun code n'a été modifié depuis, ni le templates, ni le CSS, ni le javascript. C'est survenu soudainement pour chaque membres du forum. Nous n'avons depuis le codage pas touché au panneau d'administration, sauf pour gérer les membres. Le forum a juste été mis en construction puis de nouveau été ouvert dans la journée, pour permettre l'inscription d'une nouvelle administratrice.

J'ai déjà tenté de copier/coller de nouveau le code javascript fourni dans le tutoriel, mais ça n'a rien changé.

Merci par avance pour votre aide. Si besoin je laisse les codes en spoiler juste ici:

Templates:

Code:: {JAVASCRIPT}  <table class="forumline1" width="100%" border="0" cellspacing="1" cellpadding="0">  <tr> <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td> </tr>   <tr> <td class="row12" rowspan="3" align="center" valign="middle"> <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div> </td> </tr>  </table>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1"> <table> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span>  </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td>  <td width="10%" align="center" valign="middle" class="row1"> <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span> </td> <td width="40%" class="align_gauche row1"> <div class="social_btn">  <div class="fb-login-button"></div>   <div class="ti-connect"></div>  </div> </td>  </tr> </table> </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>   <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>  </td> <td width="50%" align="right"> <span class="gensmall"> <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br /> <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br /> <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td width="50%" valign="top" align="right" class="row1"> <table> <tr> <td><span class="genmed">{L_USERNAME}:</span> </td> <td><input class="post" type="text" size="10" name="username"/> </td> <td> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /> <span class="gensmall">{L_AUTO_LOGIN}</span>  </td> </tr> <tr> <td><span class="genmed">{L_PASSWORD}:</span> </td> <td><input class="post" type="password" size="10" name="password"/> </td> <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td> </tr> </table> </td>  <td width="10%" align="center" valign="middle" class="row1"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span> </td> <td width="40%" class="align_gauche row1"> <div class="social_btn">  <div class="fb-login-button"></div>   <div class="ti-connect"></div>  </div> </td>  </tr> </table> </form>   <div id="QEEL"><div id="statligne"><div id="stat">Depuis sa création, <span id="bert">{TOTAL_POSTS} <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"les habitants de Tree Hill ont posté");</script> <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"petits mots d'amours partout dans la ville.");</script></span> <span id="totalu"> {TOTAL_USERS} <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"En ce moment, nous comptons");</script> <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"habitant officiellement inscrit sur les registres de la ville.");</script> <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"habitants officiellement inscrits sur les registres de la ville.");</script> </span><span id="yosh">{NEWEST_USER}, on lui souhaite la bienvenu dans ce monde fou.</span> <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier membre à faire parler de lui ne répondra pas si vous le sifflez, en revanche, il répondra au doux nom de");</script><br><span id="gensmall"> {TOTAL_USERS_ONLINE}</span> <script type="text/javascript">document.getElementById('gensmall').innerHTML=document.getElementById ('gensmall').innerHTML.replace(/Il y a en tout/,"Actuellement,"); </script> <script type="text/javascript">document.getElementById('gensmall').innerHTML=document.getElementById ('gensmall').innerHTML.replace(/utilisateur en ligne :/,"petit fou s'est perdu dans nos rues."); </script> <script type="text/javascript">document.getElementById('gensmall').innerHTML=document.getElementById ('gensmall').innerHTML.replace(/utilisateurs en ligne :/,"petits fous se sont perdus dans nos rues."); </script><br /> <script type="text/javascript">document.getElementById('gensmall').innerHTML=document.getElementById('gensmall').innerHTML.replace(/Enregistré/,"joueur"); </script> <script type="text/javascript">document.getElementById('gensmall').innerHTML=document.getElementById('gensmall').innerHTML.replace(/Invisible/,"timide"); </script> <script type="text/javascript">document.getElementById('gensmall').innerHTML=document.getElementById('gensmall').innerHTML.replace(/Invité/,"touriste"); </script> </span></div></div><div id="onlineqeel"><span id="loggedlist">{LOGGED_IN_USER_LIST}</span> <script type="text/javascript">document.getElementById('loggedlist').innerHTML=document.getElementById ('loggedlist').innerHTML.replace(/Utilisateurs enregistrés/,"<b>Ces membres envoient du love en ce moment:</b> ");</script><br><hr><b>Membres connectés au cours des dernières 48 heures</b> <span id="lastconnect"> <table>{L_CONNECTED_MEMBERS}</table></span> <script type="text/javascript">document.getElementById('lastconnect').innerHTML=document.getElementById ('lastconnect').innerHTML.replace(/Membres connectés au cours des 48 dernières heures :/,"");</script></div> <div class="qeelgroup"><div class="systab"><div> <span><div class="gr">ong</div></span> <hj>✯ Haley James</hj> // Si tu es une personne raisonnable, pragmatique avec une moralité assez importante, qui sait faire la différence entre le bien et le mal, mais également qui est une personne juste et aussi compréhensive, une personne qui est gentille avec une bonté, une personne qui laisse toujours le bénéfice du doute aux autres, une personne tolérante c'est que tu es comme Haley James. Si toi aussi tu es une personne douce et intelligente, qui a des valeurs et qui sait ce que tu mérites, si tu n'es pas influençable et plutôt un modèle... C'est Haley James qu'il te faut. </div> <div> <span><div class="gr2">ong</div></span> <ns>✯ Nathan Scott</ns> // Si tu es une personne têtue, pleine d'assurance avec un fort caractère, une forte tête voire une tête brulée. Si tu es une personne arrogante et qui pourtant cache quelque chose de bien plus aimant c'est que tu es comme Nathan Scott. Si tu es une personne qui se met beaucoup la pression, qui fait souvent les mauvais choix... Mais qui est prêt à tout par amour et qui n'est pas du genre à abandonner les personnes qu'ils aiment... C'est Nathan Scott qu'il te faut. </div> <div> <span><div class="gr3">ong</div></span> <ps>✯ Peyton Sawyer</ps> // Si toi aussi tu es une personne sombre et torturée, une personne qui a tendance à se réfugier dans son coin plutôt à qu'à se plaindre sans arrêt, si toi aussi tu gardes tellement tout au fond de toi que tu pètes un câble quelques fois c'est que tu es comme Peyton Sawyer. Si tu es une personne forte et courageuse, si tu es une passionnée et douée, mais que tu as tendance à te renfermer sur toi-même... C'est Peyton qu'il te faut. </div> <div> <span><div class="gr4">ong</div></span> <ls>✯ Lucas Scott</ls> // Si tu es une personne calme et posée, une personne qui apporte beaucoup d'importance à sa famille et à ses amis c'est que tu es comme Lucas Scott. Si tu es une personne intelligente avec un grand cœur, une personne altruiste qui est capable de se sacrifier lui au lieu de faire du mal aux autres. Une personne mature et capable de se remettre en question quand c'est nécessaire... C'est Lucas Scott qu'il te faut. </div><div> <span><div class="gr5">ong</div></span> <bd>✯ Brooke Davis</bd> // Si tu es une personne folle, extravertie qui aime s'amuser, si tu es une personne fêtarde, mais qui dans le fond n'a pas tellement confiance en soi, c'est que tu es comme Brooke Davis. Si tu es une personne assez simple et superficielle qui préfère profiter de sa vie au lieu d'avoir des regrets, si toi aussi tu as tellement peur d'avoir mal et de ne pas être à la hauteur que tu préfères tout prendre à la légère pour cacher cette faiblesse... C'est Brooke Davis qu'il te faut. </div> </div></div></div>  {CHATBOX_BOTTOM} <br clear="all" />  <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td>  </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table>  {AUTO_DST}

Java:

CSS:

Code:: #QEEL{width:800px;height:400px;background-image:url('https://images2.imgbox.com/26/08/4MMHtMgA_o.png');border-radius:10px;} #statligne{font-family:karla;text-align:justify;font-size:12px;color:#676767;padding:10px;overflow:hidden;width:150px;height:250px; background-color:rgba( 255,255,255, 0.5);border-radius:10px; position:absolute;text-align:justify;margin-left:25px;margin-top:25px; -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s;z-index:998;} #statligne:hover{overflow:auto;} #onlineqeel{font-family:karla;text-align:justify;font-size:12px;color:#676767;padding:10px;overflow:hidden;width:150px;height:250px; background-color:rgba( 255,255,255, 0.5);border-radius:10px;position:absolute;margin-top:25px;margin-left:600px; -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s; transition: width 2s, height 2s, background-color 2s, transform 2s; z-index:999;} #onlineqeel{overflow:auto;} /*GROUPES*/ .qeelgroup {background-color:rgba(255,255,255,0.5);width:375px;border-radius:5px;height:auto;text-align:justify;font-family:karla; font-size:10px;text-transform:uppercase;padding:10px;color:#A5A092;overflow:hidden;position:absolute;margin-top:200px;margin-left:200px; text-align:center;} /* .systab .tab => les onglet */ .systab .tab{margin-bottom:5px;margin-left:5px;} .gr{color:transparent;background: #5BC26B;border-radius:50px;line-width:40px;line-height:20px;display:inline;} .gr2{color:transparent;background: #F0994D;;border-radius:50px;line-width:40px;line-height:20px;display:inline;} .gr3{color:transparent;background: #E6E078;border-radius:50px;line-width:40px;line-height:20px;display:inline;} .gr4{color:transparent;background: #73A0B0;border-radius:50px;line-width:40px;line-height:20px;display:inline;} .gr5{color:transparent;background: #F2134B;border-radius:50px;line-width:40px;line-height:20px;display:inline;} /* .systab .tab:hover => les onglets survolés */ .systab .tab:hover {background: #c7a8cc;opacity:0.5;} /* .systab .contents => les conteneurs des contenus associés aux onglets */ .systab .contents {margin-top: 1px;margin-bottom: 1px;color: #424242;background:rgba(255,255,255,0.5);padding: 10px;height:110px; font-family:karla;font-size:11px;text-align:justify;text-transform:none;} /* style des onglets si ils sont à gauche ou à droite */ .systab.s_float .tab,.systab.s_float .tab {display: block;margin: 5px;} /* flottement des conteneurs si les onglets sont à gauche où à droite */ .systab.s_float .tabs,.systab.s_float .contents {float: left;} hj{font-family:karla;font-size:11px;text-transform:uppercase;font-weight:bold;color:#5BC26B;} ns{font-family:karla;font-size:11px;text-transform:uppercase;font-weight:bold;color:#F0994D;} ps{font-family:karla;font-size:11px;text-transform:uppercase;font-weight:bold;color:#E6E078;} ls{font-family:karla;font-size:11px;text-transform:uppercase;font-weight:bold;color:#73A0B0;} bd{font-family:karla;font-size:11px;text-transform:uppercase;font-weight:bold;color:#F2134B;}

par Neptunia Jeu 24 Mai 2018 - 22:37

Bonsoir ^^

Right

PA > Modules > Gestion des codes javascript

-> Activer la gestion des codes Javascript : Oui puis :enreg:

par cobain. Jeu 24 Mai 2018 - 22:39

Oh ce que je peux être bête, j'ai pas pensé à vérifier si c'était activé. Le problème venait bien de là, merci. Ce qui est étonnant c'est qu'ils étaient bien activés ce matin et que nous n'y avons pas retouché depuis, peut-être juste une erreur de manipulation. En tout cas c'est réglé. Merci encore.

Onglets qui ne s'affichent plus correctement.