Textes du Qui est en ligne

[Songe Ephémère]

Bonjour !
Je me vois une fois de plus obligée de poster un message pour essayer de résoudre mon problème. J'ai essayé de faire mon propre qeel, et je dois avoir a peu près réussi, malgré, sans doutes, pas mal de fautes. Enfin pour l'instant,ça va, c'est après que ça se complique. J'ai voulue modifier les phrases de mon qui est en ligne, après plusieurs essaies, j'ai réussie à faire ce que je voulais pour la plupart des choses. Mais j'ai plusieurs problèmes, que je n'arrive pas à régler...
Je n'arrives pas à modifier le "Utilisateurs enregistrés :" ni le "Il y a actuellement 0 utilisateur(s) sur la ChatBox", et malgré plusieurs tests, la balise "RECORD_USER" ne s'affiche pas (que le point) ainsi que la balise "L_CONNECTED_MEMBERS". Un cadre avec un fond bleu apparaît avec les balises des anniversaires, alors que ces balises devraient se trouver de l'autre côté, à la suite du "A quand la prochaine régénération ?" (et sans fond bleu).
Voici un schéma de ce que j'attendais, puis un de ce que j'ai actuellement :

Spoiler:

Voici l'adresse du forum : C'est ici.
Sa version : phpbb2
Mon ccs :

Code:

/*boutons prévisualiser et envoyer */
.mainoption {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;}

.maintitle {
 text-align: center;
  margin-bottom: 30px;
  size: 25px;
  text-shadow: 3px 3px 2px black;}

.maintitle:hover {
 letter-spacing: 2px;
  size: 28px;}

.liteoption {
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
font-weight:bold !important;}
/**/
/*QEEL*/
.imgdw {margin-left:50px;margin-bottom:-300px !important;
-moz-transition-duration:1s;
-moz-transition-timing-function:linear;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
transition-duration:1s;
transition-timing-function:linear;}
.imgdw2 {margin-left:670px;padding:1px;
-moz-transition-duration:1s;
-moz-transition-timing-function:linear;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
transition-duration:1s;
transition-timing-function:linear;}
.imgdw:hover {-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
  transform:rotate(360deg);}
.imgdw2:hover {-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
  transform:rotate(360deg);}

.qeel {
  width:550px;
  height:250px !important;
  background:white;
  box-shadow:0px 0px 4px black;
  font:Times New Roman;font-size:11px;color:black;padding-left:45px;
  padding-right:45px;border-radius:25px;border:1px solid black;
  text-align:justify;}

.p1 {width:275px;height:150px;overflow:auto;border-right:1px solid black;
  padding-right:5px;padding-left:10px;}
.p2 {width:275px;height:150px;overflow:auto;text-align:left !important;
  padding:5px;margin-top:-75px !important;}
/*Fin QEEL  */
/* DESCRIPTION CATÉGORIES */
 
.desc {
    width:466px;
    background-position:0px 27px;
    box-shadow:0px 0px 10px #000000;
    background:#341E70;
    padding:5px;
    border-radius:25px;
    margin-bottom: 20px;
}
.lastp {
    width: 150px;
    height: 90px;
    border-left: 2px solid white;
    color: #F74B78;
    padding-left: 5px;
}
.dernier_message a {
    color: #F0CEAC;
}
.dernier_message:hover a {
    color: #E5E3C2;
}
a.forumlink {
    font-size : 45px;
    font-family:'Dr Sugiyama', cursive;
    text-shadow: 1px 1px 0px #F1E7EB;
    color: #FCFAF7;padding-bottom:-15px;margin:-10px;
}
.StatsForum {
    font-size: 11px;
    letter-spacing: 6px;
    font-family: Time New Roman;
    color:midnightblue;font-weight:bold;padding:-5px;
}
.forums-liens a {
    color: #F0CEAC;
}
/**/
/**/
/*Mise en page*/


#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:802px;
background-color: white;
border:1px solid black;  
margin-left:-400px /* pour centrer:  largeur divisée par -2 */
    left:50%;
-moz-border-radius:0px 0px 10px 10px; /* pour mozilla */
-webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
padding-top:10px !important;
  color:black;padding-bottom:2px;}
#nav_barr a{color:black;}

.catHead {border: none !important;display:none !important;}
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}
.gensmall a{text-decoration:none !important;}
 
.Titre {  
  size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
color:black;
text-shadow: 2px 5px 3px grey;
letter-spacing: 2px;}

.postbody {text-align:justify;}

.nav {
margin-top: 20px;
margin-bottom: 10px;
font-weight: bold;
color: black !important;
font-size: 12px;
text-align :center;}

.nav a:hover{text-decoration: none !important;}
.nav a{text-decoration: none !important;}
.nav:hover {text-decoration: underline overline;}

.secondarytitle {
  font-size: 15px;text-align:center;
 Letter-spacing:10px;margin-top:-55px;margin-left:30px;
  font-weight: bold;font-style:italic;}


.forumline {  
  border-radius: 25px;
  overflow: hidden !important;
  border-collapse: separate;
  box-shadow: 1px 1px 2px black;
border:2px solid black !important;margin:auto;}

.bodyline {
border-left: 5px solid gainsboro;
border:1px solid gainsboro;
border-top-radius : 10px;
border-bottom-radius : 15px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;overflow:hidden;}
 
.separator {border-bottom : 2px dotted #C02375 !important; }  
  
strong {
letter-spacing :2px;
font-weight:bold;
text-shadow:1px 1px 3px black;}

.code {
padding: 4px;
border: none;
border-left: 1px dashed black;
width: 550px;}

body.chatbox #chatbox_header .chatbox-title,
body.chatbox #chatbox_header .chatbox-title a.chat-title (
color: none !important;}

#chatbox_header .cattitle:before {
content: "Interface de Communication - " ;
}
.module-advert{
  display:none !important;)

  /*profiol posteur*/
    .postdetails.poster-profile img:hover {
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
transform: rotate(-30deg);
 
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}


Mon 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></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </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 -->


      <!-- BEGIN switch_viewonline_link -->
<center><div style="margin-bottom:-200px;"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></div></center>
      <!-- END switch_viewonline_link -->
<left><br /><br /><br /><br /><br /><br /><br /><br /><br /><div style="margin-bottom:-175px;padding:5px;"><img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw" /><br /><br /><br /><br /><br /><img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw" /><br /><br /><br /><br /><br /><img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw" /></div></left>
<center><div class="qeel"><table><tr><td valign="top" width="50%" align="left"><div class="p1">
  
<span id="TOTAL_POSTS">{TOTAL_POSTS}</span>
<script type="text/javascript">
document.getElementById('TOTAL_POSTS').innerHTML=document.getElementById('TOTAL_POSTS')
.innerHTML.replace(/Nos membres ont posté un total de/,"Sur Doctor Who Addiction, il y a un total de");
</script>

<span id="TOTAL_USERS">{TOTAL_USERS}</span>
<script type="text/javascript">
  document.getElementById('TOTAL_USERS').innerHTML=document.getElementById('TOTAL_USERS')
.innerHTML.replace(/Nous avons/," postés par nos")
.replace(/membre(s?) enregistré(s?)/,"voyageur$1.");
        </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 dernière recrue est");</script>, à qui nous souhaitons un bon voyage !<br />
  <span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Il y a en tout/,"En ce moment, nous voyons").replace(/utilisateur(s?) en ligne/,"petit$1 point$1 sur nos radars.").replace(/ :: /," Nous avons ").replace(/Enregistré(s?)/,"habitué$1").replace(/Invisible(s?) et/,"manipulateur$1 de perception et").replace(/Invité(s?)/,"inconnu$1.");
  </script><br /><br />
  {RECORD_USER}.<br />
      {LOGGED_IN_USER_LIST}</div></td>
 <div class="p2"><td valign="top" width="50%" align="left">{LEGEND} →  {GROUP_LEGEND}<br /><br />
  <!-- BEGIN switch_chatbox_activate --> {TOTAL_CHATTERS_ONLINE}  → {CHATTERS_LIST} .<br />
            <!-- BEGIN switch_chatbox_popup -->
   <br /><center> <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></center>
   <br /><br />
{L_CONNECTED_MEMBERS}
   A quand la prochaîne régénération ? <br />
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
            <!-- END switch_chatbox_popup -->
   </td></div></tr>
  <!-- END switch_chatbox_activate --></table></div></center><right><div style="margin-top:-230px;"><img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw2" /><br /><img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw2" /><br /><img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw2" /></div></right>

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

Sinon, les 3 ronds de chaque côtés du qeel seront remplacés par des images de la même dimension et forme, et les différents margin du ccs et des templates s'y rapportent, je n'ai pas trouvés d'autre chose pour qu'ils restent au même niveau.

Merci d'avance, et désolé, en espérant avoir été assez claire .

[Songe Ephémère]

Up ~

[Songe Ephémère]

Up ~

[Songe Ephémère]

Up ~

[Songe Ephémère]

Up ~

[Songe Ephémère]

Up ~

[Songe Ephémère]

Up.

[MlleAlys]

Bonjour,

Les marges ne sont normalement pas faites pour positionner des éléments, et vous avez du coup un autre problème : voilà la façon dont le qeel apparait sur mon écran :

Une position absolue par rapport au cadre du qeel serait certainement plus partique ^^

Pour le problème de placement des variables, c'est parce que certaines sont déjà des lignes de tableau, et donc ne peuvent être insérées dans des cellules.

Je vais ce que j'arrive à faire pour régler cela (mais je ne vais peut être pas être très rapide =s)

---

EDIT :
J'ai modifié un peu la structure pour plus d'aisance, avec chaque colonne dans une div, et les images en position aboslue :

Partie du template concernée :

Code:

<!-- BEGIN disable_viewonline -->

    <!-- BEGIN switch_viewonline_link -->
    <a class="cattitle img_qeel" href="{U_VIEWONLINE}" rel="nofollow">
        <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img_qeel" />
    </a>
    <!-- END switch_viewonline_link -->
    <!-- BEGIN switch_viewonline_nolink -->
    <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img_qeel" />
    <!-- END switch_viewonline_nolink -->

<div id="qeel">   
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne1 col1" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne2 col1" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne3 col1" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne1 col2" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne2 col2" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne3 col2" />
   
    <div id="qeel_col1">
        <span class="gensmall">
            {TOTAL_POSTS}
            <br />{TOTAL_USERS}
            <br />{NEWEST_USER}
            <br/>{TOTAL_USERS_ONLINE}
            <br />{RECORD_USERS}
            <br />{LOGGED_IN_USER_LIST}
        </span>
    </div>
    <div id="qeel_col2">
        <span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
        <!-- BEGIN switch_chatbox_activate -->
        <br/><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>
        <!-- END switch_chatbox_activate -->
        <table>
            <tr>
                <td>
                    {L_CONNECTED_MEMBERS}
                    {L_WHOSBIRTHDAY_TODAY}
                    {L_WHOSBIRTHDAY_WEEK}
                </td>
            </tr>
        </table>
    </div>
   
</div>
<!-- END disable_viewonline -->



Et le css (à remplacer) :

Code:

/*MISE EN FORME DU QEEL*/
#qeel {
    margin: 0px auto;
    border: 1px solid black;
    border-radius: 70px;
    padding: 70px 40px 20px 40px;
    width: 540px;
    box-shadow: 0 3px 10px black;
    position: relative;
    min-height: 200px;
}
a.img_qeel {
    display: block;
    max-width: 620px;
    margin: auto;
    text-align: center;
    position: relative;
    top: 40px;
}
#i_whosonline {
    max-width: 100%;
}
#qeel_col1, #qeel_col2 {
    display: inline-block;
    padding: 10px;
    width: 249px;
    vertical-align: top;
}
#qeel_col2 {
    border-left:1px solid black;
}
img.imgdw {
    position: absolute;
}
img.imgdw.col1 {
    left: -40px;
}
img.imgdw.col2 {
    right: -40px;
}
img.imgdw.ligne1 {
    top: 50px;
}
img.imgdw.ligne2 {
    top: 121px;
}
img.imgdw.ligne3 {
    top: 192px;
}
img.imgdw:hover {
    -webkit-transform: rotate(360deg);
    transition: all 1s ease;
}
/*FIN MISE EN FORME DU QEEL*/


Je 'ai pas encore ajouté les scripts pour modifier les textes, mais est-ce que cette structure va comme vous voulez ?

[Songe Ephémère]

Bonjour
Vous êtes décidément ma sauveuse !
Je ne voyais pas la différence entre les marges et les positionnements, mais je ne ferais plus cette erreur, merci beaucoup d'avoir tout réglé !
Sinon, l'image du qeel se mets sous la bordure et le fond des "anniversaires" reste bleu, peut-on mettre le fond en blanc ? Sans ces petits détails (que je pourrais toujours essayer de résoudre), la structure est parfaite, merci beaucoup de vous pencher sur la question du script, et de m'aider en général !
-Sans vous presser, bien entendu, ce n'est pas grave si vous n'êtes

pas être très rapide =s)

-
Bonne soirée et encore merci !

---

Edit : En rajoutant un z-index au code de la bannière, tout c'est réglé pour ce problème de la bordure

[MlleAlys]

Le code suivant ajouté au css déjà conné permettra d'éviter les fonds intempestifs :

Code:

#qeel table, #qeel td.row1 {
    background: none;
}

Et voilà le template à nouveau modifié pour les changements de texte, j'espère que tout est bon ! ><"

Code:

<!-- BEGIN disable_viewonline -->
 
    <!-- BEGIN switch_viewonline_link -->
    <a class="cattitle img_qeel" href="{U_VIEWONLINE}" rel="nofollow">
        <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img_qeel" />
    </a>
    <!-- END switch_viewonline_link -->
    <!-- BEGIN switch_viewonline_nolink -->
    <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img_qeel" />
    <!-- END switch_viewonline_nolink -->
 
<div id="qeel"> 
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne1 col1" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne2 col1" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne3 col1" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne1 col2" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne2 col2" />
    <img src="http://i58.servimg.com/u/f58/17/54/68/75/img10.png" class="imgdw ligne3 col2" />
 
    <div id="qeel_col1">
        <span class="gensmall">
            {TOTAL_USERS} {TOTAL_POSTS}
            <br/>{NEWEST_USER}
            <br/>{TOTAL_USERS_ONLINE}
            <br/>{RECORD_USERS}
            <br/>{LOGGED_IN_USER_LIST}
        </span>
      <script type="text/javascript">
    document.getElementById('qeel_col1').innerHTML=document.getElementById('qeel_col1').innerHTML.replace(/Nous avons (.+) membre(s?) enregistré(s?) Nos membres ont posté un total de (.+) message(s?)/,'Sur docteur Who Addiction, il y a $1 voyageur$2 qui ont envoyé un total de $4 message$5').replace(/L'utilisateur enregistré le plus récent est (.+)/,'Notre dernière recrue est $1 ').replace(/Il y a en tout (.+) utilisateur(s?) en ligne/,'En ce moment nous avons $1 petit$2 point$2 sur nos radars ').replace(/ (.+) Enregistré(s?), (.+) Invisible(s?) et (.+) Invité(s?) /,' $1 habitué$2 et $5 inconnu$6 ').replace(/Le record du nombre d'utilisateurs en ligne est de (.+) le Ven 31 Jan 2014 - 0:07/,'Le reccord de vaissaux en vol est de $1 ').replace(/Utilisateurs enregistrés : (.+)/,'Les personnes en vol sont : $1 ');
      </script>
  </div>
    <div id="qeel_col2">
        <span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
        <!-- BEGIN switch_chatbox_activate -->
        <br/><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>
        <!-- END switch_chatbox_activate -->
        <table>
          {L_CONNECTED_MEMBERS}
          <tr>
            <td>
              <span class="gensmall">A quand la prochaine génération ?</span>
            </td>
          </tr>
          {L_WHOSBIRTHDAY_TODAY}
          {L_WHOSBIRTHDAY_WEEK}
        </table>
      <script type="text/javascript">
        document.getElementById('qeel_col2').innerHTML=document.getElementById('qeel_col2').innerHTML.replace(/Il y a actuellement/,'Il y a ').replace(/sur la ChatBox/,"sur l'interface de communication ").replace(/Membres connectés au cours des (.+) dernières heures/,'Les voyageurs nous ayant donné des signes de vie pendant les $1 sont');
      </script>
    </div>
 
</div>
<!-- END disable_viewonline -->

[Songe Ephémère]

Bonsoir !
Merci pour tout, mais il y a encore un petit problème :s..
La balise "LOGGED_IN_USER_LIST" ne s'affiche plus après quelques modifications du template (voulez-vous que je vous le donne une fois modifié ?) et il faudrait ajouter un mot au :
"Les voyageurs nous ayant donné des signes de vie pendant les 24 dernières heures :" qui deviendrait :
"Les voyageurs nous ayant donné des signes de vie pendant les 24 dernières heures sont : "

J'ai sans doute fais quelque chose qu'il ne fallait pas, pour le premier cas, et j'en suis désolé ><.. Au cas où vous en aurez besoin, voilà la partie du template modifiée :


Merci de continuer de m'aider !

EDIT: Je ne sais pas si mon premier problème c'est résolu ou pas, mais je ne vois plus le problèmes que je voyais, où alors la balise n'est pas si importante que ça. Enfin voilà, merci
Il faudrait juste rajouter le "sont" (car je n'ai pas trouvé le morceau du script ou on en parlait).

[Songe Ephémère]

Toujours d'actu

[Songe Ephémère]

Des nouvelles ? ~

[Songe Ephémère]

Up.

[Lixyr]

Bonjour, Songe éphémère.

Je débarque donc pour ce passage :

Il faudrait juste rajouter le "sont" (car je n'ai pas trouvé le morceau du script ou on en parlait).

c'est à quel niveau qu'il faut rajouter ça ?

[Songe Ephémère]

Bonjour !
Le code devrait être juste avant les balises d'anniversaires

Edit : Je l'ai trouvé, mais bizarrement, il y a le "sont".. Celui-ci ne s'affiche pourtant pas..

Code:

<script type="text/javascript">
        document.getElementById('qeel_col2').innerHTML=document.getElementById('qeel_col2').innerHTML.replace(/Il y a actuellement/,'Il y a ').replace(/sur la ChatBox/,"sur l'interface de communication ").replace(/Membres connectés au cours des (.+) dernières heures/,'Les voyageurs nous ayant donné des signes de vie pendant les $1 sont');
      </script>

[Lixyr]

Si vous incluez les deux points, ça fonctionne ?

Code:


        <script type="text/javascript">
                document.getElementById('qeel_col2').innerHTML=document.getElementById('qeel_col2').innerHTML.replace(/Il y a actuellement/,'Il y a ').replace(/sur la ChatBox/,"sur l'interface de communication ").replace(/Membres connectés au cours des (.+) dernières heures :/,'Les voyageurs nous ayant donné des signes de vie pendant les $1 sont :');
              </script>

Est-ce le code pour changer la chatbox fonctionne ? Car à priori ça ne devrait pas étant donné que l'id semble être attachée à la variable des membres connectés aux x dernières heures.

[Songe Ephémère]

Non, toujours pas, mais le code pour le "Il y a 0 utilisateur(s) sur la Chat-Box", si..

[Lixyr]

D'accord. Apparemment le soucis vient du nombre qui n'est pas pris en compte. Essayez ça :

Code:


                <script type="text/javascript">
                        document.getElementById('qeel_col2').innerHTML=document.getElementById('qeel_col2').innerHTML.replace(/Il y a actuellement/,'Il y a ').replace(/sur la ChatBox/,"sur l'interface de communication ").replace(/Membres connectés au cours des ([0-9]+[0-9]*) dernières heures :/,'Les voyageurs nous ayant donné des signes de vie pendant les $1 sont :');
                      </script>

[Songe Ephémère]

Merci beaucoup, ça marche, tout est résolu !