Problème de personnalisation du QEEL

par Everliam Jeu 2 Oct 2014 - 2:14

Bonjour / Bonsoir

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 : aujourd'hui
Lien du forum : http://spn-thefalloftheange.forums-actifs.com/#bottom

Description du problème

J'ai personnaliser mon QEEL mais comme vous pouvez le voir sur la capture les derniers connecter ne se trouve pas au bonne endroit et je n'arrive pas a résoudre le problème

voici le template index_body :

Spoiler:

Code:: {JAVASCRIPT}  <table class="forumline" 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="row1" 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 class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <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> </tr> </table>   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle" align="right"> <table class="right"> <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"> <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td> </tr> </table> </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">{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">{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 class="row1" align="center"> <table border="0" cellspacing="0" cellpadding="0"> <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> </tr> </table>   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline"> <tr> <td valign="top" width="100%" class="row1" align="center"> <table width="100%"> <tr> <td width="55%" valign="middle"> <table class="right"> <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"> <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span> </td> <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" 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></td> </tr> </table> </td> </tr> </table>  </form>  <br /><br /> <center> <link href='http://fonts.googleapis.com/css?family=Lobster|Parisienne' rel='stylesheet' type='text/css'> <div style="top: 1em; position: relative; z-index: 3; font-family: 'Lobster', cursive; font-size: 35px; color: #865525; text-shadow: 1px 1px 2px white;"><center>Qui Est En Ligne ?</center></div> <center><img src="http://img2.wikia.nocookie.net/__cb20140808101446/supernatural/images/9/94/Anti-Possession_Tattoo-HD_Remastered.png" class="img_qeel" /></center> <div class="fond_qeel"><table><tr><td><div class="bloc_qeel" style="width: 200px;"><span class="gensmall"><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/,"Nos Chasseurs/Démons/Anges et autres ont posté un total de ");</script> <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"Marques et traces");</script></span><br /> <span id="matt">{TOTAL_USERS}</span><script type="text/javascript"> document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"Chasseurs/Démons/Anges et autres enregistés");</script><br /> <span id="yosh">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Notre dernier Chasseurs/Démons/Anges ou autres enregistré est");</script> </span><br /> </div> <div class="bloc_qeel" style="width: 200px;"> <span class="gensmall"><span id="online">{TOTAL_USERS_ONLINE}<script type="text/javascript"> document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/ Enregistré/," Chasseur/Démon/Ange ou autre "); document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Enregistrés/,"Chasseurs/Démons/Anges ou autres"); document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Invité/, "Futur Chasseur/Démon/Ange ou victime "); document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Invités/,"Futur Chasseurs/Démons/Anges ou victimes "); document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Invisible/,"Vent"); document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/Invisibles/,"Vents"); document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/utilisateur en ligne/, " Personne en chasse ou en balade "); document.getElementById('online').innerHTML=document.getElementById('online').innerHTML.replace(/utilisateurs en ligne/,"Personnes en chasse ou en balade");</script></span> <br /> <span id="user">{RECORD_USERS}<script type="text/javascript"> document.getElementById('user').innerHTML=document.getElementById('user').innerHTML.replace(/ nombre d'utilisateurs en ligne /," Nombre de personnes en chasse ou en balade ");</script></span><br /> <br /></div></td> <td><div class="bloc_qeel" style="width: 200px;height:250px;"><div class="qeelonglets"> <span class="qeelonglet_0 qeelonglet" id="qeelonglet_anges" onclick="javascript:change_qeelonglet('anges');"><a href="http://spn-thefalloftheange.forums-actifs.com/g3-les-anges"><span style="color: #E0E0E0;">Les Anges</span></a></span><br/> <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Civil" onclick="javascript:change_qeelonglet('Civil');"><a href="http://spn-thefalloftheange.forums-actifs.com/g19-les-anges-dechus"><span style="color: #ADABAB;">Les Anges Déchus</span></a></span><br/> <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Scientifique" onclick="javascript:change_qeelonglet('Scientifique');"><a href="http://spn-thefalloftheange.forums-actifs.com/g2-les-demons"><span style="color: #B31212;">Les Démons</span></a></span><br/> <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Team Rocket" onclick="javascript:change_qeelonglet('Team Rocket');"><a href="http://spn-thefalloftheange.forums-actifs.com/g4-les-chasseurs"><span style="color: #575757;">Les Chasseurs</span></a></span><br/> <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Dresseur" onclick="javascript:change_qeelonglet('Dresseur');"><a href="http://spn-thefalloftheange.forums-actifs.com/g13-les-fantomes"><span style="color: #9BC7A9;">Les Fantomes</span></a></span><br/> <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Apprentie_dresseur" onclick="javascript:change_qeelonglet('Apprentie_dresseur');"><a href="http://spn-thefalloftheange.forums-actifs.com/g9-les-autres-creatures"><span style="color: #660033;">Les Autres créatures</span> </a></span><br/> <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Champion" onclick="javascript:change_qeelonglet('Champion');"><a href="http://spn-thefalloftheange.forums-actifs.com/g6-les-humains"><span style="color: #CCC76C;">Les Humains</span></a></span> <br/> <span class="qeelonglet_0 qeelonglet" id="qeelonglet_PNJ" onclick="javascript:change_qeelonglet('PNJ');"><a href="http://spn-thefalloftheange.forums-actifs.com/g22-pnj"><span style="color: #5C69FA;">Le PNJ</span></a></span><br/> </div></div></td> <td><div class="bloc_qeel" style="width: 200px;height:150px overflow: auto;"><span id="loggedInUsers"><span id="connecteduser">{LOGGED_IN_USER_LIST}</span></span> <script type="text/javascript"> document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"De Chasseurs/Démons/Anges ou de futur victime "); </script> </div> <div class="bloc_qeel" style="width: 200px;height:150px"><span class="gensmall"><span id="online">{L_CONNECTED_MEMBERS}</span> </div></td> </tr><br /><br /></table> </div> </center>  {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}  <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true }); //]]> </script>

par Lily Jedusor Jeu 2 Oct 2014 - 9:21

Bonjour !

Cette balise :>

<span id="online">{L_CONNECTED_MEMBERS}</span>

doit techniquement se trouver dans une table listlastconnected (sinon elle n'est pas réellement prise en compte).
Essaie de la mettre comme ça dans ton template : (après je ne suis pas sûre de la position du div... peut-être avant comme là je l'ai mis, peut-être après le table... faut tester... maintenant, c'est pas dit que ça marche non plus mais ce qui est sûr c'est le fait que la balise L connected members est forcément dans une table listlastconnected quoique tu fasses dans ton template !

Code:: <div class="bloc_qeel" style="width: 200px;height:150px"><table class="listlastconnected"><span class="gensmall"><span id="online">{L_CONNECTED_MEMBERS}</span> </table> </div>

En espérant que ça t'aide !
Sachant après que le listlastconnected peut être modifié dans le CSS.
Crdlmnt,
L.J.

par MlleAlys Jeu 2 Oct 2014 - 15:21

Bonjour,
avec les span qui s'intercalent entre la balise table et la balise tr, il pourrait y avoir quelques soucis tout de même, mieux vaut je pense coder le passage ainsi :

Code:: <div class="bloc_qeel" style="width: 200px;height:150px"> <table id="online" class="gensmall"> {L_CONNECTED_MEMBERS} </table> </div>

(ce qui est d'autant plus simple ^^)

par Everliam Jeu 2 Oct 2014 - 15:25

Lily Jedusor : Ca marche merci beaucoup ^^

MlleAlys : Ok je vais faire comme tu dit alors ^^

merci a vous deux ^^

Problème de personnalisation du QEEL