Modification du QEEL

[Hell Pix]

Bonjour!

Je souhaite installer un nouveau QEEL sur mon forum, je me suis donc aidée de ce tutoriel mais deux champs me donnent du fil à retordre: l'affichage des connectés au cours de X dernières heures et les anniversaires.

Voici mon forum de test où je rencontre ce problème : http://forumtest.creationforum.net/
et le problème en image:


Je souhaiterais d'une part pouvoir modifier le texte de ces deux champs "Membres connectés au cours des 48 dernières heures" et "Aucun membre ne fête son anniversaire aujourd'hui", car la méthode utilisée dans le tutoriel à base de script ne fonctionne pas, et aussi retirer le fond gris derrière le texte pour laisser apparaître l'image de fond.

Voici le code du template index body:

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <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>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <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>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </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>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <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>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <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>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->


<!-- BEGIN disable_viewonline -->
<div id="qeel-perso">
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" background="http://img69.xooimage.com/files/3/2/c/01m-03-315470d.jpg">
   <tr> <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
  </tr>
  <tr><td colspan="2">
                 
<span class="gensmall"><br><center>Au détour d'une ruelle, vous êtes susceptible de croiser :<br>
  <b class="titrespecial"><b><a href="http://www.hellsgate.fr/g1-administration" target="blank"><font color="#137311">Administration</font></a></b></b> - [<b><a href="http://www.hellsgate.fr/g3-humain" target="blank"><font color="#83A15D">Humains</font></a></b>] - [<b><a href="http://www.hellsgate.fr/g4-lycanthrope" target="blank"><font color="#4A3620">Lycanthropes</font></a></b>]
  [<b><a href="http://www.hellsgate.fr/g5-vampire" target="blank"><font color="#591815">Vampires</font></a></b>] - [<b><a href="http://www.hellsgate.fr/g6-varies" target="blank"><font color="#F2ECE6">Specimens rares</font></a></b>] - [<b><a href="http://www.hellsgate.fr/g7-pnj" target="blank"><font color="#737373">PNJ</font></a></b>]</span><br/>
  <br/>
  <div style="background-color: #152e19; height:2px"><font size="2"> </font></div>
</td> </tr>

   <tr>
          <td align="center">
<span class="gensmall">
<span id="bil1"><font size="2">{TOTAL_POSTS}</font> </span><script type="text/javascript">document.getElementById('bil1').innerHTML=document.getElementById('bil1').innerHTML.replace(/Nos membres ont posté un total de/,"L'histoire de Galway s'écrit en");</script> <br/>
      <span id="bil2"><font size="2">{TOTAL_USERS}</font> </span><script type="text/javascript">document.getElementById('bil2').innerHTML=document.getElementById('bil2').innerHTML.replace(/membres enregistrés/,"créatures qui rôdent en ces lieux");</script><br/>
      <span id="bil3"><font size="2">{NEWEST_USER}</font> </span><script type="text/javascript">document.getElementById('bil3').innerHTML=document.getElementById('bil3').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière âme égarée parmi nous est");</script><br/>
  <br/>
  <font size="1px"><span id="bil4">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('bil4').innerHTML=document.getElementById('bil4').innerHTML.replace(/utilisateur en ligne :/,"créature en chasse ");
document.getElementById('bil4').innerHTML=document.getElementById('bil4').innerHTML.replace(/utilisateurs en ligne :/,"créatures en chasse");
document.getElementById('bil4').innerHTML=document.getElementById('bil4').innerHTML.replace(/Enregistré/,"En règle");
document.getElementById('bil4').innerHTML=document.getElementById('bil4').innerHTML.replace(/Invité /,"Clandestin ");
document.getElementById('bil4').innerHTML=document.getElementById('bil4').innerHTML.replace(/Invités/,"Clandestins");
</script><br />
<span id="bil5">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('bil5').innerHTML=document.getElementById('bil5').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record d'affluence est de ");</script><br /></font>
      <br />
  <span id="bil6">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('bil6').innerHTML=document.getElementById('bil6').innerHTML.replace(/Utilisateurs enregistrés :/,"Ils sont parmi nous: ")
                  </script></span>
               
<br/>
</span></td>
   
      <td valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
  </tr>
   <tr>
      <td colspan="2"> 
            <div style="background-color: #152e19; height:2px"><font size="2"> </font></div>
         
     
                  <table>{L_CONNECTED_MEMBERS}</table>
                  <table>{L_WHOSBIRTHDAY_TODAY}</table>
            </td></tr>

   <tr><td><!-- BEGIN switch_chatbox_activate -->
   
      
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<table cellpadding="10" align="center"><tr><td><script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('5e203175-f2b6-4b6d-831c-c3c02f793b10');</script></td>
<td>
<div style="font-size: 12px; padding-top:10px" align="center">
                <a href="http://www.tourdejeu.net/annu/votejeu.php?id=6228&retourfiche=0" target="_blank">
                <img src="http://img75.xooimage.com/files/6/3/a/tdj-2c943c8.png" style="border:0"/>
                </a>
              <a href="http://www.sawen.net/hell-s-gate-s366.html" target="_blank">
                <img src="http://img503.imageshack.us/img503/6751/sawentop.png" style="border:0"/>
                </a>
                <a href="http://www.root-top.com/topsite/lilie/in.php?IDmark=919" target="_blank">
                <img src="http://i30.servimg.com/u/f30/11/60/68/67/top_110.png" style="border:0"/>
                </a>
                <a href="http://www.root-top.com/topsite/velusia/in.php?IDmark=4804" target="_blank" target="_blank">
                <img src="http://img339.imageshack.us/img339/6994/top2a.png" style="border:0"/>
                </a>
                <a href="http://www.root-top.com/topsite/obsession27/in.php?IDmark=18482" target="_blank">
                <img src="http://img703.imageshack.us/img703/6092/top3.png" style="border:0"/>
                </a>
                <a href="http://www.root-top.com/topsite/serpentgy/in.php?IDmark=8401" target="_blank">
                <img src="http://i30.servimg.com/u/f30/11/60/68/67/top_410.png" style="border:0"/>
                </a>

                <br /><br />
                  </div>
<imguser><IMG SRC="http://www.tourdejeu.net/images/anneautdjnoir.gif" USEMAP="#maptdj" BORDER="0" alt="Se rendre sur le portail TourDeJeu" title="Anneau des JpC par TourDeJeu"><MAP NAME="maptdj"><AREA SHAPE="RECT" COORDS="43,5,288,29" HREF="http://www.tourdejeu.net/anneau.php?id=6228&action=info" target="_top" alt="Voir les explications de cet anneau sur le site TourdeJeu"><AREA SHAPE="RECT" COORDS="110,37,144,58" HREF="http://www.tourdejeu.net/anneau.php?id=6228&action=liste" target="_top" alt="Voir la liste des jeux de cet anneau"><AREA SHAPE="RECT" COORDS="161,37,233,58" HREF="http://www.tourdejeu.net/anneau.php?id=6228&action=hasard" target="_top" alt="Pour avoir un jeu de cet anneau au hasard"><AREA SHAPE="RECT" COORDS="22,37,93,58" HREF="http://www.tourdejeu.net/anneau.php?id=6228&action=prec" target="_top" alt="Pour voir le jeu précédent de cet anneau"><AREA SHAPE="RECT" COORDS="257,37,312,58" HREF="http://www.tourdejeu.net/anneau.php?id=6228&action=suiv" target="_top" alt="Pour voir le jeu suivant de cet anneau"></MAP>
</MAP></imguser></td></tr></table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<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>
</div>
<!-- END switch_fb_index_login -->


Et le CSS si jamais ça peut être utile:

Code:

body {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top center;
}

.titrecat {
height: 15px;
text-align: center;
font-size: 12px;
color:#bab2a0;
text-shadow: #74766b 1px 1px 5px;}

.titrespecial {
background-color: #181d18 ;
border:1px dotted #162e1e;
text-align: center;
font-family:Times New Roman;
font-size: 16px;
color:#bab2a0;
-moz-border-radius-topleft:8px;
-moz-border-radius-bottomright:8px;}

.titrespecial:hover {
background-color: #415941 ;
border:1px dotted #162e1e;
text-align: center;
font-family:Times New Roman;
font-size: 16px;
color:#bab2a0;
-moz-border-radius-topleft:8px;
-moz-border-radius-bottomright:8px;}


/* translucidité des images*/
imguser {border: none; opacity: 0.3; background-color: transparent;}
imguser:hover {border: none; opacity: 1; background-color: transparent;}
a imguser {border: none; opacity: 0.3; background-color: transparent;}
a:hover imguser {border: none; opacity: 0.3; background-color: transparent;}

/* Système onglets en-tête */
    .mon_onglet{
      display: block;
      padding: 3px;
      margin: 5px;
      color: #000;
      background: none;
      border: 1px solid #000;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;}

    .mon_onglet:hover{
      background: #554839;} 
     
    .mon_onglet_selected{
      display: block;
      padding: 3px;
      margin: 5px;
      color: #000;
      background: none;
      border: 1px solid #000;
    -moz-border-radius-topleft:8px;
    -moz-border-radius-topright:8px;
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px}
           
    .clear{
      clear: both;}

    .mon_contenu{
      color: #000;
      background: none;
      border: none;
      padding: 1px;
      margin: 1px;
      height: 120 px;
      line-height: normal;
      font-size: 11px;}

    #mes_contenus, #mes_onglets{
      height: 100%;
      width:100%;}


/* Pas de soulignement des liens*/
        a:hover{text-decoration: none !important;}
        a {text-decoration: none !important;}
        a:link {text-decoration: none;}
        a:visited {text-decoration: none;}


/* CSS pour infobulle */
    a.tooltip em {
        display:none;
    }
    a.tooltip:hover {
        border: 0;
        position: relative;
        z-index: 999;
        text-decoration:none;
    }
    a.tooltip:hover em {
        font-style: normal;
        display: block;
        position: absolute;
        top: 20px;
        left: -10px;
        padding: 5px;
        color: #000;
        border: 1px solid #bbb;
        background: #ffc;
        width:202px;
    }
    a.tooltip:hover em span {
        position: absolute;
        top: -7px;
        left: 15px;
        height: 7px;
        width: 11px;
        background: transparent url(http://img49.xooimage.com/files/e/1/3/infobulletop00-ae97bc.gif);
        margin:0;
        padding: 0;
        border: 0;
    }

/* Onglet coulissant */
{margin:0; padding:0}
.sm {list-style:none;width:780px; height:545px; display:block; overflow:hidden;}
.sm li {float:right; display:inline; overflow:hidden;}

[Dr. Karlos]

Bonjour,

Pour modifier le "membres connectés au cours des * heures", il s'agit de ce code:

Code:

<table id="kaboum">{L_CONNECTED_MEMBERS}</table>
    <script type="text/javascript">
    jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des * dernières heures : ','texte1 :'));
    </script></table>

Remplacez bien sûr votre * par le nombre d'heures affichés sur votre forum.

Pour les anniversaires, il s'agit de ce code:

Code:

<table class="trans">  {L_WHOSBIRTHDAY_TODAY}
                    <span id="anniv">
        </span>
        {L_WHOSBIRTHDAY_WEEK}
        <script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"texte1").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"texte2").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"texte3").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"texte4");
        </script></table>

Si vous avez besoin d'aide pour l'installation, ne vous gênez pas. Pour le fond, pouvez-vous me donner le lien de votre forum s'il vous plaît?

Cordialement.

[Hell Pix]

Merci, les codes que vous avez fournis fonctionnent bien pour le texte, mais pas pour la couleur de fond de ces champs.

Voici le lien du forum auquel est destiné le QEEL : http://www.hellsgate.fr/
Mais pour l'instant il est installé sur celui-ci: http://forumtest.creationforum.net/

L'image que je souhaiterais mettre en fond du QEEL au final n'est pas encore fixée, mais j'aimerais que le texte ne soit pas sur fond gris afin de pouvoir s'adapter à n'importe quel fond, est-ce que ça serait possible ?

[SoraNoHime]

Bonjour

Mettez ceci dans votre css pour un fond transparent :

Code:

.trans .row1, #kaboum .row1 {
background-color : transparent;
}

Cordialement.

[Hell Pix]

Super, ça fonctionne!

Un grand merci à vous deux pour ces informations, vous devriez mettre les codes "kaboum" et "trans" à la suite du tutoriel, ça serait utile à pas mal de monde je pense