Qui est en ligne personnalisé

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Qui est en ligne personnalisé

Message par Arc-En-Ciela le Mer 4 Juil 2012 - 16:36

Hello,

Bon, encore une autre qui gosse après sont QEEL... Ah, je suis désolée, j'ai passé l'après-midi à chercher un tutoriel et tout et tout, mais je suis vraiment une courge avec le codage. (Voyez, mon cerveau invente des expressions tellement il est en surchauffe TT__TT)

J'ai déjà essayé de faire des tableau, mais quand j'arrive dans le template, ça fonctionne plus, y'a plein de termes bizarres et le tableau rend pas vraiment comme il le devrait x_X. Ça fait plein de truc tout croche, en plus avec les scripts et tout le baratin déjà personnalisé... du coup, je suis toute perdue. Ou sinon, le bazar qui règne dans le template me perd complètement.

Voici ce que j'ai présentement (n'aller pas voir sur mon forum, c'est un aperçu de mon template modifié mais pas posté)


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 -->
<table class="QEEL" width="100%" border="0" cellspacing="10" cellpadding="10" -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px>
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><center><FONT size=5 face="Georgia"><b><i>¤ Qui est en ligne ? ¤</i></b></FONT></center></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 class="row1" rowspan="4" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall"><span id="first">{TOTAL_POSTS}{TOTAL_USERS}{NEWEST_USER}{TOTAL_USERS_ONLINE}</span>
            <script type="text/javascript">document.getElementById('first').innerHTML=document.getElementById('first').innerHTML.replace(/Nos membres ont posté un total de (.+) message(s?)Nous avons (.+) membre(s?) enregistré(s?).L'utilisateur enregistré le plus récent est (.*)Il y a en tout (.+) utilisateur(s?) en ligne :: (.+) Enregistré(s?), (.+) Invisible(s?) et (.+) Invité(s?)/,"<div STYLE='text-align:justify'>Alors que ce monde, Alter-Mundus, n'est né que depuis moins d'un siècle, plusieurs de ses habitants ont réussi à se faire remarquer et à entrer dans la légende, dont $3 en particulier, de $1 manière$2 différente$2.  Le dernier a avoir été aperçu est $6.<p>En ce moment, les nombreux territoires de Mystigia sont parcourus par $7 Lupus Draconis, ou autre$8 bête$8 peuplant cet univers, dont $9 cherchant la gloire dans une quête personnelle, $11  oeuvrant dans l'ombre pour servir un dessein secret et $13 voyageur$14 errant à la recherche de quelque chose d'intéressant.").replace(/:: (.+) Moteur(s?) de recherche/,"De plus, ils sont observés par $1 individu$2 venant d'une autre dimension.</div>");
            </script>
<span id="second">
{RECORD_USERS}</span>
            <script type="text/javascript">document.getElementById('second').innerHTML=document.getElementById('second').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"<p>Le record du nombre de chemins croisés en même temps dans ce périple est de");
            </script>
<span id="third">
{LOGGED_IN_USER_LIST}</span>
            <script type="text/javascript">document.getElementById('third').innerHTML=document.getElementById('third').innerHTML.replace(/Utilisateurs enregistrés :/,"Créatures explorant les Terres présentement :");
            </script>
<tr id="qeel8" style="display:none;"><td></td></tr>{L_CONNECTED_MEMBERS}<script type="text/javascript">document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML=document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML.replace(/Membres connectés/,"Créature ayant sillonné Mystigia");</script>

{L_WHOSBIRTHDAY_TODAY}<span id="anniv"></span>
        <script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui :/,"Aujourd'hui est un jour spécial, car c'est le jour de naissance de ").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aujourd'hui est un jour comme les autres.");</script>
<span id="week">{L_WHOSBIRTHDAY_WEEK}</span>
        <script type="text/javascript">document.getElementById('week').parentNode.innerHTML=document.getElementById('week').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire dans les 7 prochains jours:/,"Préparez-vous, car nous fêterons prochainement l'anniversaire de").replace(/Aucun membre ne fête son anniversaire dans les 7 prochains jours/,"Profitez-en pour vous amuser!");</script></span>

      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>

<!-- 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 -->
Et le schéma de ce que j'aimerais avoir :


Les cadres blancs sont transparents, juste pour qu'on puisse les voir. Il y a un pointillé pour le titre/QEEL, parce que je ne sais pas si c'est possible de le faire arrêter là où il est indiqué dans le schéma. Les lignes vert flash représentent que les bords sont au même niveau, désolée si le schéma n'est pas tout à fait droit =/. Les cadres noirs, c'est pour une semi transparence et les barres bleues sont des scrollbars. Pour les groupes, en vert foncé, je serai capable par la suite de les modifier comme je le voudrai, au pire, je vous ferez encore signes ;P

Si vous pouviez m'expliquer comment faire pour personnaliser, ça serait vraiment agréable. Par expliquer, j'entends que si jamais il y a une code qui est posté, que je sache la fonction des différents éléments. Si possible. Histoire que je sois capable de bidouiller dessus ultérieurement.

PS : Je suis fondatrice et mon forum est en PhpBB2.

Merci de votre attention,
Ciela

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum