Problème codage QEEL

[cassy85]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome, Internet Explorer, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://mangaddict.forumgratuit.org

Description du problème

Bonsoir,

J'essaye depuis hier de faire un QEEL codé (fait à partir de ce tutoriel) pour mon forum mais quand je l'ai fait sur mon ancien forum, qui me sert de forum test, ça marche, mais quand je l'installe sur l'autre forum, ça ne va pas du tout.

Voici le CSS complet du forum (le CSS du qeel est tout à la fin mais peut être qu'il y a quelque chose dans le reste du CSS qui interfère avec le code) :

Code:

table#nav_barr a{
font-family: Comic Sans MS;
font-size:14px;
color:#854C2F;
}
table#nav_barr{
background-color:#DDAB68;
border: solid 1px #00000;
left 50%;
} 
 
ul{
  list-style-type:none;
}

.en_tete {
min-height:300px;
width:800px;
height:auto;
margin:auto;
}


table tr{
vertical-align:top;
}

#tabl1_col1 {
width: 350px;
padding:12px;
}

#tabl1_col2 {
width: 250px;
padding:12px;
}

#tabl1_col3{
width:150px;
padding:12px;
}

#tabl2_col1 {
width: 800px;
padding:12px;
}

#titre {
font-size:14px;
font-variant: small-caps;
text-align:center;
border:1px #854C2F;
background: #854C2F;
border-radius: 10px 0 10px 0;
padding:2px;
} 

#contenu {
font-size:12px;
text-align:justify;
padding-left:8px;
padding-right:8px;
margin-bottom:-4px;
height:310px;
}

#news{
font-size:12px;
margin-left:12px;
margin-bottom:-4px;
font-size: 12px;
}

#staff{
font-size:12px
font-variant:small-caps;
}

#partenaires{
text-align:center;
}



table#msg_et, table#msg_et td{
  background-color:none !important;
  }
 

.fiche {
min-height:100px;
  width: 600px;
border:double 2px #662301;
  text-align:center;
background-color:#DDAB68;
}

#tabl3_col1{
 width:200px;
padding:12px;
}

#tabl3_col2{
  width:400px;
  padding:12px;
}

#tabl3_col3{
  width:400px;
  padding:12px;
}

#titre_fiche {
  font-size:14px;
  text-align:center;
border:2px #854C2F;
background: #854C2F;
border-radius: 10px 0 10px 0;
padding:2px;
}

#texte_fiche {
  font-size:12px;
  text-align:justify;
}

.titre1{
  background-color:#854C2F;
  font-size: 13px;
  font-variant:small-caps;
  text-align:center;
  border-radius: 10px 0 10px 0;
}

.titre2{
  background-color:#DDAB68;
  font-size:13px;
  font-variant:small-caps;
  text-align:center;
  border:double 1px;
  border-color:#854C2F;
}
 



body{
background-image: url(http://i57.servimg.com/u/f57/16/61/75/42/fond10.jpg), url(http://i57.servimg.com/u/f57/16/61/75/42/fond10.jpg);
background-repeat: no-repeat, repeat;
background-position: top center, center;
background-attachment: fixed;
}

.statistiques{
border:0px;
background-image: url("lien de l'image de fond de votre qeel");
background-repeat: no-repeat;
background-position: center;
height:hauteur de l'imagepx;
}

.groupes{
border: dotted 1px;
background-color:#FFFFFF;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
margin-left:12px;
font-size:15px;
font-weight: bold;
font-variant: small-caps;
text-align:center;
text-decoration: none !important;
  }]

Le template index_body :

Code:

{JAVASCRIPT}

<!-- BEGIN message_admin_index -->
<table id="msg_et" 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 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>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</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>&nbsp;</td>
                           <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                           <td><input class="post" type="password" size="10" name="password"/>&nbsp;</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 /><br />
            
            <!-- 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>&nbsp;</td>
                  <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                  <td><input class="post" type="password" size="10" name="password"/>&nbsp;</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>&nbsp;</td>
                           <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                           <td><input class="post" type="password" size="10" name="password"/>&nbsp;</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 -->
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
  <tr>
<td width="15%"> </td>
<td width="50%">
<center>
  <span class="groupes"><a href="http://mangaddict.forumgratuit.org/g1-kamichama"><font color="#CF2727" size="2"><b>Kamichama</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g2-ouji-hime"><font color="#5D5DA6" size="2"><b>Ouji & Hime</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g5-sensei"><font color="#59B39A" size="2"><b>Sensei</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g8-hjj"><font color="#7B4B7D" size="2"><b>HJJ</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g3-otaku"><font color="#B994FF" size="2"><b>Otaku</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g4-ningen"><font color="#B0905F" size="2"><b>Ningen</b></font></a></span><br><br>
<span class="gensmall" id="totalpost"> {TOTAL_POSTS}.
<script type="text/javascript">document.getElementById('totalpost').innerHTML=document.getElementById ('totalpost').innerHTML.replace(/Nos membres ont posté un total de/,"Nos Otakus ont posté un total de");</script>
</span>
 
  <span class="gensmall" id="totalusers">{TOTAL_USERS}
<script type="text/javascript">document.getElementById('totalusers').innerHTML=document.getElementById ('totalusers').innerHTML.replace(/membres enregistrés/,"otakus enregistrés");
              </script>
            </span><br />
<span class="gensmall" id="newestuser">{NEWEST_USER}
<script type="text/javascript">document.getElementById('newestuser').innerHTML=document.getElementById ('newestuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier otaku arrivé est");</script>

            </span><br><br>
  <span class="gensmall">
<span id="totaluseronline">
{TOTAL_USERS_ONLINE}
<script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById ('totaluseronline').innerHTML.replace(/Il y a en tout/,"Il y a");
</script>


<script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById('totaluseronline').innerHTML.replace(/Enregistré/,"otaku");
</script>
<script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById('totaluseronline').innerHTML.replace(/Invisible/,"bakemono");
</script>
<script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById('totaluseronline').innerHTML.replace(/Invité/,"ken'butsunin'");
</script>
</span>
</span><br>
 
<span class="gensmall" id="loggedinuserlist">{LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('loggedinuserlist').innerHTML=document.getElementById ('loggedinuserlist').innerHTML.replace(/Utilisateurs enregistrés/,"Otaku(s) sur Mangaddict");</script>
            </span>
  </span></center><br>
<td width="5%"> </td>
</tr>
</table>
 
<table border="0" cellspacing="3" cellpadding="0" width="700" align="justify" style="text-align: center">
{L_CONNECTED_MEMBERS}
  </table>
  </table>
<!-- END disable_viewonline -->
 




{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<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>&nbsp;&nbsp;</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>
<!-- END switch_legend -->

{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>
<!-- END switch_fb_index_login -->

Je manque peut-être quelque chose mais là je ne vois plus rien.

Merci d'avance.

[cassy85]

Bonjour,

Petit up !

[Lixyr]

Bonjour,

Déjà pour les groupes,

Il y a une erreur dans le CSS, ça se passe tout à la fin de votre QEEL :

.groupes{
border: dotted 1px;
background-color:#FFFFFF;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
margin-left:12px;
font-size:15px;
font-weight: bold;
font-variant: small-caps;
text-align:center;
text-decoration: none !important;
}]

Enlevez le crochet, qui n'est pas sensé se trouver dans une page de type CSS.

Votre CSS fonctionne chez moi. Mais sur votre forum, il n'apparait pas dans le code source. Vérifiez que vous avez bien mis le CSS au bon endroit, sur le forum donné plus haut :
panneau affichage couleurs feuille de style CSS mettre le code CSS

[cassy85]

Bonjour,

Le crochet est enlevé.

Oui il est bien mis au bon endroit. Sur mon forum test ça marche aussi mais pas sur l'autre.

[Lixyr]

Est-ce que le template a bien été publié ? (cliquer sur si visible, dans la page des templates).

Autrement, supprimez votre CSS, validez, et remettez-le dans son entier.

[cassy85]

Oui le template est bien publié.

Tout le CSS ou que ce qui concerne le QEEL ?
Je n'ai fait que ce qui concerne le QEEL et ça n'a rien changé.

[Lixyr]

Si c'est bien ce forum-ci : http://mangaddict.forumgratuit.org/
je ne vois pas la partie concernant le QEEL dans votre CSS donc il a du être mal mis.
Si vous mettez le CSS (en entier) que vous avez mis dans vos postes précédents ça devrait fonctionner.

[Scoubifitz]

bonjour,

il y a aussi des problèmes de fermeture de balises ...

un </td> manquant , un </span> et un </table> en trop . (en rouge)

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"> </td>
<td width="50%">
<center>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g1-kamichama"><font color="#CF2727" size="2"><b>Kamichama</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g2-ouji-hime"><font color="#5D5DA6" size="2"><b>Ouji & Hime</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g5-sensei"><font color="#59B39A" size="2"><b>Sensei</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g8-hjj"><font color="#7B4B7D" size="2"><b>HJJ</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g3-otaku"><font color="#B994FF" size="2"><b>Otaku</b></font></a></span>
<span class="groupes"><a href="http://mangaddict.forumgratuit.org/g4-ningen"><font color="#B0905F" size="2"><b>Ningen</b></font></a></span><br><br>
<span class="gensmall" id="totalpost"> {TOTAL_POSTS}.
<script type="text/javascript">document.getElementById('totalpost').innerHTML=document.getElementById ('totalpost').innerHTML.replace(/Nos membres ont posté un total de/,"Nos Otakus ont posté un total de");</script>
</span>

<span class="gensmall" id="totalusers">{TOTAL_USERS}
<script type="text/javascript">document.getElementById('totalusers').innerHTML=document.getElementById ('totalusers').innerHTML.replace(/membres enregistrés/,"otakus enregistrés");</script>
</span><br />

<span class="gensmall" id="newestuser">{NEWEST_USER}
<script type="text/javascript">document.getElementById('newestuser').innerHTML=document.getElementById ('newestuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier otaku arrivé est");</script>
</span><br><br>

<span class="gensmall">
<span id="totaluseronline">
{TOTAL_USERS_ONLINE}
<script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById ('totaluseronline').innerHTML.replace(/Il y a en tout/,"Il y a");
</script>
<script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById('totaluseronline').innerHTML.replace(/Enregistré/,"otaku");
</script>
<script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById('totaluseronline').innerHTML.replace(/Invisible/,"bakemono");
</script>
<script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById('totaluseronline').innerHTML.replace(/Invité/,"ken'butsunin'");
</script>
</span>
</span><br>

<span class="gensmall" id="loggedinuserlist">{LOGGED_IN_USER_LIST}
<script type="text/javascript">document.getElementById('loggedinuserlist').innerHTML=document.getElementById ('loggedinuserlist').innerHTML.replace(/Utilisateurs enregistrés/,"Otaku(s) sur Mangaddict");</script>
</span>
</span></center><br>
/* il manque la balise de fermeture de cellule </td> ici */
<td width="5%"> </td>
</tr>
</table>

<table border="0" cellspacing="3" cellpadding="0" width="700" align="justify" style="text-align: center">
{L_CONNECTED_MEMBERS}
</table>
</table>
<!-- END disable_viewonline -->

[cassy85]

Bonjour,

J'ai corrigé le template et j'ai bon remettre en entier mon CSS et l'enregistrer ça ne règle toujours pas le problème.

[Scoubifitz]

Une autre erreur dans le CSS :

Remplacez :

.statistiques{
border:0px;
background-image: url("lien de l'image de fond de votre qeel");
background-repeat: no-repeat;
background-position: center;
height:hauteur de l'imagepx;
}

par :

Code:

.statistiques{
border:0px;
background-image: url(''); /* mettre le lien image de fond de votre qeel */
background-repeat: no-repeat;
background-position: center;
/* height:XXpx; hauteur de l'image */
}
 

[cassy85]

C'est cette erreur qui faisait que cela ne marchait pas comme je voulais (pourtant avec cette erreur ça marchait sur le forum test). Merci.

Une autre question, la phrase "Membres connectés au cours des 24 dernières heures : nadeshiko" est décalée par rapport au reste, il est possible de la mettre correctement ?

[Scoubifitz]

repérez cette partie :

Code:



<table border="0" cellspacing="3" cellpadding="0" width="700" align="justify" style="text-align: center">
{L_CONNECTED_MEMBERS}
</table>
<!-- END disable_viewonline -->

et rajoutez margin:auto; au style de la table

[cassy85]

D'accord, merci ça marche.