Déplacer liens supprimer les cookies et marquer forum comme lu

[Oz-Chan]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://nova-aurora.forumactif.com/

Description du problème

Bonjour !

J'aimerai savoir s'il y a moyen de déplacer ces deux textes sur les deux rectangles rose que j'ai fait.
Je ne suis pas sûr de quel templates vous avez besoin, donc j'attends qu'on me demande quoi vous C/c.

Merci beaucoup

[Oz-Chan]

UP

[Toryudo]

Bonjour !

Par défaut, dans le Template index_body, vous avez cette partie qui correspond aux deux liens entourés :

Code:

<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" rel="nofollow">{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" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

Un tableau, un tr (qui correspond à une ligne dans un tableau) et deux td (qui correspondent à des colonnes).
C'est pour cette raison que vous avez un lien à gauche, et l'autre à droite.

Le lien pour supprimer les Cookies correspond à ce morceau de code :

Code:

            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->

Il vous suffit de déplacer ce morceau de code à l'intérieur de l'autre td (autre colonne donc) pour que les liens soient l'un sous l'autre, comme ceci par exemple :

Code:

<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" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
         <!-- BEGIN switch_on_index -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
         <!-- END switch_on_index -->
      </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>
         </span>
      </td>
   </tr>
</table>

[Oz-Chan]

Bonsoir,

Merci pour votre aide !

J'ai tenté de faire ce que vous m'avez dit, mais ça n'a rien fait et supprimer le lien des cookies... Alors que j'aimerai le mettre aligner à l'autre. Je vous donne mon template !

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">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</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>
                  <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<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 width="50%" valign="top" align="right" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
   <h2 class="titre-qeel">Qui est en ligne ? <span>Ces dernières 24 heures ✦</span></h2>
<div id="contenuqeelarte">
 <div class="bloc-stats-gauche">
 <div class="derniers-connectes">
 <h2>
 Ils
 <br/>
 etaient
 <br/>
 connectés
 </h2>
 <div>
                          <table>{L_CONNECTED_MEMBERS}</table>
 </div>
 </div>
 <div class="en-ligne-maintenant">
 <h4>Ils sont là</h4>
 <p>
 {LOGGED_IN_USER_LIST}
 </p>
 </div>
 <div class="stats-membres stats-gauche">
 <span><i class="cp cp-user"></i></span>
 <p>
Nous avons
 <strong>{TOTAL_USERS}</strong>
Le survivant le plus récent est
 <strong>{NEWEST_USER}</strong>
 &nbsp; !
 </p>
 </div>
 <div class="stats-messages stats-gauche">
 <span><i class="cp cp-envelope"></i></span>
 <p>
Nos pigeons ont pu livrer
<strong>{TOTAL_POSTS}</strong>.
Ils méritent leurs graines !
 </p>
 </div>
 </div>
 <div class="bloc-groupes-droit">
 <div class="contenu-bloc-groupe">
 <div class="systeme_onglets">
 <div class="boutons_onglets">
 <span class="onglet" id="onglet_NomOnglet1" onmouseover="change_onglet('NomOnglet1');"><a href="https://nova-aurora.forumactif.com/g3-diligentia" class="bloc-onglet gr1"> DILIGENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet2" onmouseover="change_onglet('NomOnglet2');"><a href="https://nova-aurora.forumactif.com/g4-scientia" class="bloc-onglet gr2"> SCIENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet3" onmouseover="change_onglet('NomOnglet3');"><a href="https://nova-aurora.forumactif.com/g5-militia" class="bloc-onglet gr3"> MILITIA </a></span>
 <span class="onglet" id="onglet_NomOnglet4" onmouseover="change_onglet('NomOnglet4');"><a href="https://nova-aurora.forumactif.com/g6-civilia" class="bloc-onglet gr4"> CIVILIA</a></span>
 <span class="onglet" id="onglet_NomOnglet5" onmouseover="change_onglet('NomOnglet5');"><a href="https://nova-aurora.forumactif.com/g7-pnj" class="bloc-onglet gr5"> P N J </a></span>
 </div>
 </div>
 <div class="conteneur_onglets">
 <div class="contenu_onglet gr1" id="contenu_onglet_NomOnglet1">
 <h2>DILIGENTIA</h2>
 <p>
 Au sein de diligentia se trouvent les explorateurs et aventuriers de ce nouveau monde. Ils partent hors de la ville pour vérifier que les monstres s’en tiennent éloignés. Cela leur permet de découvrir des ruines, de cartographier la région toujours plus en avant, mais également de chasser et de revenir avec leur butin.
 </p>
 </div>
 <div class="contenu_onglet gr2" id="contenu_onglet_NomOnglet2">
 <h2>SCIENTIA</h2>
 <p>
Scientia regroupe les médecins et les scientifiques de tout secteur. Leur principal objectif est de trouver la cause des événements d’il y a 150 ans. D’autres peuvent se vouer  au moment présent et aider la population, retrouver cette technologie d'antan qui a été perdue avec le Grand Séisme.
 </p>
 </div>
 <div class="contenu_onglet gr3" id="contenu_onglet_NomOnglet3">
 <h2>MILITIA</h2>
 <p>
La police interne qui s'occupe de la protection des citoyens dans la ville et les champs. Normalement, il n’y a aucun risque, mais cela rassure la population. Outre la protection, ce sont eux qui veillent aux lois et l’apaisement des conflits. Ils s’occupent également du monstre qui pourrait s’être infiltré quelque part.
 </p>
 </div>
 <div class="contenu_onglet gr4" id="contenu_onglet_NomOnglet4">
 <h2>CIVILIA</h2>
 <p>
Tout autre citoyen fait partie de civilia, que ce soit l’artisan ou la boulangère au coin de la rue, que ce soit le danseur ou l’instituteur. Ne pensez pas qu’ils sont inutiles ou sans intérêt, car qui sait ce qui se passe dans les foyers ? Sont-ils tous en accord avec la manière dont la cité est gérée ?
 </p>
 </div>
 <div class="contenu_onglet gr5" id="contenu_onglet_NomOnglet5">
 <h2>PNJ</h2>
 <p>
Le groupe fermé des PNJs. Vous n'avez pas intérêt à les sous-estimer...
 </p>
 </div>
 </div>
 </div>
 </div>
    <div class="bloc-qeel-bonus">
        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>         <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>
    </div>
</div>

<script type="text/javascript">
      document.getElementById('contenuqeelarte').innerHTML=document.getElementById('contenuqeelarte').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /g," ")
      .replace(/Membres connectés au cours des 48 dernières heures : /g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Nos membres ont posté un total de /g," ")
      .replace(/Nous avons /g," ")
      .replace(/enregistrés/g," ")
      .replace(/L'utilisateur enregistré le plus récent est /g," ");
</script>
  
<script type="text/javascript">function change_onglet(name){document.getElementById('onglet_'+anc_onglet).className='onglet_0 onglet'; document.getElementById('onglet_'+name).className='onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display='none'; document.getElementById('contenu_onglet_'+name).style.display='block'; anc_onglet=name;}</script>
<script type="text/javascript">var anc_onglet = 'NomOnglet1'; change_onglet(anc_onglet);</script>
<!-- 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}" loading="lazy" /></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}" loading="lazy"  /></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}" loading="lazy"  /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

[Toryudo]

Effectivement, petit problème de placement de code.
Plutôt comme ceci, ça devrait être mieux :

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">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</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_on_index -->
            <!-- BEGIN switch_delete_cookies -->
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
         <!-- END switch_on_index -->

         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<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 width="50%" valign="top" align="right" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
   <h2 class="titre-qeel">Qui est en ligne ? <span>Ces dernières 24 heures ✦</span></h2>
<div id="contenuqeelarte">
 <div class="bloc-stats-gauche">
 <div class="derniers-connectes">
 <h2>
 Ils
 <br/>
 etaient
 <br/>
 connectés
 </h2>
 <div>
                          <table>{L_CONNECTED_MEMBERS}</table>
 </div>
 </div>
 <div class="en-ligne-maintenant">
 <h4>Ils sont là</h4>
 <p>
 {LOGGED_IN_USER_LIST}
 </p>
 </div>
 <div class="stats-membres stats-gauche">
 <span><i class="cp cp-user"></i></span>
 <p>
Nous avons
 <strong>{TOTAL_USERS}</strong>
Le survivant le plus récent est
 <strong>{NEWEST_USER}</strong>
 &nbsp; !
 </p>
 </div>
 <div class="stats-messages stats-gauche">
 <span><i class="cp cp-envelope"></i></span>
 <p>
Nos pigeons ont pu livrer
<strong>{TOTAL_POSTS}</strong>.
Ils méritent leurs graines !
 </p>
 </div>
 </div>
 <div class="bloc-groupes-droit">
 <div class="contenu-bloc-groupe">
 <div class="systeme_onglets">
 <div class="boutons_onglets">
 <span class="onglet" id="onglet_NomOnglet1" onmouseover="change_onglet('NomOnglet1');"><a href="https://nova-aurora.forumactif.com/g3-diligentia" class="bloc-onglet gr1"> DILIGENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet2" onmouseover="change_onglet('NomOnglet2');"><a href="https://nova-aurora.forumactif.com/g4-scientia" class="bloc-onglet gr2"> SCIENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet3" onmouseover="change_onglet('NomOnglet3');"><a href="https://nova-aurora.forumactif.com/g5-militia" class="bloc-onglet gr3"> MILITIA </a></span>
 <span class="onglet" id="onglet_NomOnglet4" onmouseover="change_onglet('NomOnglet4');"><a href="https://nova-aurora.forumactif.com/g6-civilia" class="bloc-onglet gr4"> CIVILIA</a></span>
 <span class="onglet" id="onglet_NomOnglet5" onmouseover="change_onglet('NomOnglet5');"><a href="https://nova-aurora.forumactif.com/g7-pnj" class="bloc-onglet gr5"> P N J </a></span>
 </div>
 </div>
 <div class="conteneur_onglets">
 <div class="contenu_onglet gr1" id="contenu_onglet_NomOnglet1">
 <h2>DILIGENTIA</h2>
 <p>
 Au sein de diligentia se trouvent les explorateurs et aventuriers de ce nouveau monde. Ils partent hors de la ville pour vérifier que les monstres s’en tiennent éloignés. Cela leur permet de découvrir des ruines, de cartographier la région toujours plus en avant, mais également de chasser et de revenir avec leur butin.
 </p>
 </div>
 <div class="contenu_onglet gr2" id="contenu_onglet_NomOnglet2">
 <h2>SCIENTIA</h2>
 <p>
Scientia regroupe les médecins et les scientifiques de tout secteur. Leur principal objectif est de trouver la cause des événements d’il y a 150 ans. D’autres peuvent se vouer  au moment présent et aider la population, retrouver cette technologie d'antan qui a été perdue avec le Grand Séisme.
 </p>
 </div>
 <div class="contenu_onglet gr3" id="contenu_onglet_NomOnglet3">
 <h2>MILITIA</h2>
 <p>
La police interne qui s'occupe de la protection des citoyens dans la ville et les champs. Normalement, il n’y a aucun risque, mais cela rassure la population. Outre la protection, ce sont eux qui veillent aux lois et l’apaisement des conflits. Ils s’occupent également du monstre qui pourrait s’être infiltré quelque part.
 </p>
 </div>
 <div class="contenu_onglet gr4" id="contenu_onglet_NomOnglet4">
 <h2>CIVILIA</h2>
 <p>
Tout autre citoyen fait partie de civilia, que ce soit l’artisan ou la boulangère au coin de la rue, que ce soit le danseur ou l’instituteur. Ne pensez pas qu’ils sont inutiles ou sans intérêt, car qui sait ce qui se passe dans les foyers ? Sont-ils tous en accord avec la manière dont la cité est gérée ?
 </p>
 </div>
 <div class="contenu_onglet gr5" id="contenu_onglet_NomOnglet5">
 <h2>PNJ</h2>
 <p>
Le groupe fermé des PNJs. Vous n'avez pas intérêt à les sous-estimer...
 </p>
 </div>
 </div>
 </div>
 </div>
    <div class="bloc-qeel-bonus">
        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>         <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>
    </div>
</div>

<script type="text/javascript">
      document.getElementById('contenuqeelarte').innerHTML=document.getElementById('contenuqeelarte').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /g," ")
      .replace(/Membres connectés au cours des 48 dernières heures : /g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Nos membres ont posté un total de /g," ")
      .replace(/Nous avons /g," ")
      .replace(/enregistrés/g," ")
      .replace(/L'utilisateur enregistré le plus récent est /g," ");
</script>
  
<script type="text/javascript">function change_onglet(name){document.getElementById('onglet_'+anc_onglet).className='onglet_0 onglet'; document.getElementById('onglet_'+name).className='onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display='none'; document.getElementById('contenu_onglet_'+name).style.display='block'; anc_onglet=name;}</script>
<script type="text/javascript">var anc_onglet = 'NomOnglet1'; change_onglet(anc_onglet);</script>
<!-- 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}" loading="lazy" /></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}" loading="lazy"  /></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}" loading="lazy"  /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

[Oz-Chan]

On le revoit, effectivement !
Par contre, il est en dessous de l'autre et pas aligné comme j'avais montré en rose sur mon screen. Si vous pouvez m'aider pour le placement.

Merci beaucoup !

[Toryudo]

Alors effectivement, pour qu'il soit aligné avec l'autre lien, il faut juste enlever le <br> qui veut dire "aller à la ligne" :

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">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</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_on_index -->
            <!-- BEGIN switch_delete_cookies -->
            &nbsp;<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
        <!-- END switch_on_index -->

        <!-- BEGIN switch_delete_cookies -->
        <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
           
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<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 width="50%" valign="top" align="right" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
  <h2 class="titre-qeel">Qui est en ligne ? <span>Ces dernières 24 heures ✦</span></h2>
<div id="contenuqeelarte">
 <div class="bloc-stats-gauche">
 <div class="derniers-connectes">
 <h2>
 Ils
 <br/>
 etaient
 <br/>
 connectés
 </h2>
 <div>
                          <table>{L_CONNECTED_MEMBERS}</table>
 </div>
 </div>
 <div class="en-ligne-maintenant">
 <h4>Ils sont là</h4>
 <p>
 {LOGGED_IN_USER_LIST}
 </p>
 </div>
 <div class="stats-membres stats-gauche">
 <span><i class="cp cp-user"></i></span>
 <p>
Nous avons
 <strong>{TOTAL_USERS}</strong>
Le survivant le plus récent est
 <strong>{NEWEST_USER}</strong>
 &nbsp; !
 </p>
 </div>
 <div class="stats-messages stats-gauche">
 <span><i class="cp cp-envelope"></i></span>
 <p>
Nos pigeons ont pu livrer
<strong>{TOTAL_POSTS}</strong>.
Ils méritent leurs graines !
 </p>
 </div>
 </div>
 <div class="bloc-groupes-droit">
 <div class="contenu-bloc-groupe">
 <div class="systeme_onglets">
 <div class="boutons_onglets">
 <span class="onglet" id="onglet_NomOnglet1" onmouseover="change_onglet('NomOnglet1');"><a href="https://nova-aurora.forumactif.com/g3-diligentia" class="bloc-onglet gr1"> DILIGENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet2" onmouseover="change_onglet('NomOnglet2');"><a href="https://nova-aurora.forumactif.com/g4-scientia" class="bloc-onglet gr2"> SCIENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet3" onmouseover="change_onglet('NomOnglet3');"><a href="https://nova-aurora.forumactif.com/g5-militia" class="bloc-onglet gr3"> MILITIA </a></span>
 <span class="onglet" id="onglet_NomOnglet4" onmouseover="change_onglet('NomOnglet4');"><a href="https://nova-aurora.forumactif.com/g6-civilia" class="bloc-onglet gr4"> CIVILIA</a></span>
 <span class="onglet" id="onglet_NomOnglet5" onmouseover="change_onglet('NomOnglet5');"><a href="https://nova-aurora.forumactif.com/g7-pnj" class="bloc-onglet gr5"> P N J </a></span>
 </div>
 </div>
 <div class="conteneur_onglets">
 <div class="contenu_onglet gr1" id="contenu_onglet_NomOnglet1">
 <h2>DILIGENTIA</h2>
 <p>
 Au sein de diligentia se trouvent les explorateurs et aventuriers de ce nouveau monde. Ils partent hors de la ville pour vérifier que les monstres s’en tiennent éloignés. Cela leur permet de découvrir des ruines, de cartographier la région toujours plus en avant, mais également de chasser et de revenir avec leur butin.
 </p>
 </div>
 <div class="contenu_onglet gr2" id="contenu_onglet_NomOnglet2">
 <h2>SCIENTIA</h2>
 <p>
Scientia regroupe les médecins et les scientifiques de tout secteur. Leur principal objectif est de trouver la cause des événements d’il y a 150 ans. D’autres peuvent se vouer  au moment présent et aider la population, retrouver cette technologie d'antan qui a été perdue avec le Grand Séisme.
 </p>
 </div>
 <div class="contenu_onglet gr3" id="contenu_onglet_NomOnglet3">
 <h2>MILITIA</h2>
 <p>
La police interne qui s'occupe de la protection des citoyens dans la ville et les champs. Normalement, il n’y a aucun risque, mais cela rassure la population. Outre la protection, ce sont eux qui veillent aux lois et l’apaisement des conflits. Ils s’occupent également du monstre qui pourrait s’être infiltré quelque part.
 </p>
 </div>
 <div class="contenu_onglet gr4" id="contenu_onglet_NomOnglet4">
 <h2>CIVILIA</h2>
 <p>
Tout autre citoyen fait partie de civilia, que ce soit l’artisan ou la boulangère au coin de la rue, que ce soit le danseur ou l’instituteur. Ne pensez pas qu’ils sont inutiles ou sans intérêt, car qui sait ce qui se passe dans les foyers ? Sont-ils tous en accord avec la manière dont la cité est gérée ?
 </p>
 </div>
 <div class="contenu_onglet gr5" id="contenu_onglet_NomOnglet5">
 <h2>PNJ</h2>
 <p>
Le groupe fermé des PNJs. Vous n'avez pas intérêt à les sous-estimer...
 </p>
 </div>
 </div>
 </div>
 </div>
    <div class="bloc-qeel-bonus">
        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>
    </div>
</div>

<script type="text/javascript">
      document.getElementById('contenuqeelarte').innerHTML=document.getElementById('contenuqeelarte').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /g," ")
      .replace(/Membres connectés au cours des 48 dernières heures : /g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Nos membres ont posté un total de /g," ")
      .replace(/Nous avons /g," ")
      .replace(/enregistrés/g," ")
      .replace(/L'utilisateur enregistré le plus récent est /g," ");
</script>
  
<script type="text/javascript">function change_onglet(name){document.getElementById('onglet_'+anc_onglet).className='onglet_0 onglet'; document.getElementById('onglet_'+name).className='onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display='none'; document.getElementById('contenu_onglet_'+name).style.display='block'; anc_onglet=name;}</script>
<script type="text/javascript">var anc_onglet = 'NomOnglet1'; change_onglet(anc_onglet);</script>
<!-- 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}" loading="lazy" /></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}" loading="lazy"  /></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}" loading="lazy"  /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

[Oz-Chan]

Bonjour,

Il est enlevé, voilà ce que ça me donne :




lls sont collés et, je me répète, ce n'est pas aligné comme sur mon premier screen. J'aimerai qu'ils sont positionnés exactement comme les rectangles rose.

Merci !

[Oz-Chan]

up !

[Oz-Chan]

@"Toryudo"
Vous voyant répondre à d'autres sujets, Je suis toujours en attente de votre réponse.

[Toryudo]

Je ne vois pas la même chose que vous, je fais au feeling. Vous pouvez tenter ceci :

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">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="860" style="margin:auto;" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td 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_on_index -->
            <!-- BEGIN switch_delete_cookies -->
            &nbsp;&nbsp;&nbsp;<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
        <!-- END switch_on_index -->

        <!-- BEGIN switch_delete_cookies -->
        &nbsp;&nbsp;&nbsp;<span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<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 width="50%" valign="top" align="right" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
  <h2 class="titre-qeel">Qui est en ligne ? <span>Ces dernières 24 heures ✦</span></h2>
<div id="contenuqeelarte">
 <div class="bloc-stats-gauche">
 <div class="derniers-connectes">
 <h2>
 Ils
 <br/>
 etaient
 <br/>
 connectés
 </h2>
 <div>
                          <table>{L_CONNECTED_MEMBERS}</table>
 </div>
 </div>
 <div class="en-ligne-maintenant">
 <h4>Ils sont là</h4>
 <p>
 {LOGGED_IN_USER_LIST}
 </p>
 </div>
 <div class="stats-membres stats-gauche">
 <span><i class="cp cp-user"></i></span>
 <p>
Nous avons
 <strong>{TOTAL_USERS}</strong>
Le survivant le plus récent est
 <strong>{NEWEST_USER}</strong>
 &nbsp; !
 </p>
 </div>
 <div class="stats-messages stats-gauche">
 <span><i class="cp cp-envelope"></i></span>
 <p>
Nos pigeons ont pu livrer
<strong>{TOTAL_POSTS}</strong>.
Ils méritent leurs graines !
 </p>
 </div>
 </div>
 <div class="bloc-groupes-droit">
 <div class="contenu-bloc-groupe">
 <div class="systeme_onglets">
 <div class="boutons_onglets">
 <span class="onglet" id="onglet_NomOnglet1" onmouseover="change_onglet('NomOnglet1');"><a href="https://nova-aurora.forumactif.com/g3-diligentia" class="bloc-onglet gr1"> DILIGENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet2" onmouseover="change_onglet('NomOnglet2');"><a href="https://nova-aurora.forumactif.com/g4-scientia" class="bloc-onglet gr2"> SCIENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet3" onmouseover="change_onglet('NomOnglet3');"><a href="https://nova-aurora.forumactif.com/g5-militia" class="bloc-onglet gr3"> MILITIA </a></span>
 <span class="onglet" id="onglet_NomOnglet4" onmouseover="change_onglet('NomOnglet4');"><a href="https://nova-aurora.forumactif.com/g6-civilia" class="bloc-onglet gr4"> CIVILIA</a></span>
 <span class="onglet" id="onglet_NomOnglet5" onmouseover="change_onglet('NomOnglet5');"><a href="https://nova-aurora.forumactif.com/g7-pnj" class="bloc-onglet gr5"> P N J </a></span>
 </div>
 </div>
 <div class="conteneur_onglets">
 <div class="contenu_onglet gr1" id="contenu_onglet_NomOnglet1">
 <h2>DILIGENTIA</h2>
 <p>
 Au sein de diligentia se trouvent les explorateurs et aventuriers de ce nouveau monde. Ils partent hors de la ville pour vérifier que les monstres s’en tiennent éloignés. Cela leur permet de découvrir des ruines, de cartographier la région toujours plus en avant, mais également de chasser et de revenir avec leur butin.
 </p>
 </div>
 <div class="contenu_onglet gr2" id="contenu_onglet_NomOnglet2">
 <h2>SCIENTIA</h2>
 <p>
Scientia regroupe les médecins et les scientifiques de tout secteur. Leur principal objectif est de trouver la cause des événements d’il y a 150 ans. D’autres peuvent se vouer  au moment présent et aider la population, retrouver cette technologie d'antan qui a été perdue avec le Grand Séisme.
 </p>
 </div>
 <div class="contenu_onglet gr3" id="contenu_onglet_NomOnglet3">
 <h2>MILITIA</h2>
 <p>
La police interne qui s'occupe de la protection des citoyens dans la ville et les champs. Normalement, il n’y a aucun risque, mais cela rassure la population. Outre la protection, ce sont eux qui veillent aux lois et l’apaisement des conflits. Ils s’occupent également du monstre qui pourrait s’être infiltré quelque part.
 </p>
 </div>
 <div class="contenu_onglet gr4" id="contenu_onglet_NomOnglet4">
 <h2>CIVILIA</h2>
 <p>
Tout autre citoyen fait partie de civilia, que ce soit l’artisan ou la boulangère au coin de la rue, que ce soit le danseur ou l’instituteur. Ne pensez pas qu’ils sont inutiles ou sans intérêt, car qui sait ce qui se passe dans les foyers ? Sont-ils tous en accord avec la manière dont la cité est gérée ?
 </p>
 </div>
 <div class="contenu_onglet gr5" id="contenu_onglet_NomOnglet5">
 <h2>PNJ</h2>
 <p>
Le groupe fermé des PNJs. Vous n'avez pas intérêt à les sous-estimer...
 </p>
 </div>
 </div>
 </div>
 </div>
    <div class="bloc-qeel-bonus">
        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>
    </div>
</div>

<script type="text/javascript">
      document.getElementById('contenuqeelarte').innerHTML=document.getElementById('contenuqeelarte').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /g," ")
      .replace(/Membres connectés au cours des 48 dernières heures : /g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Nos membres ont posté un total de /g," ")
      .replace(/Nous avons /g," ")
      .replace(/enregistrés/g," ")
      .replace(/L'utilisateur enregistré le plus récent est /g," ");
</script>
  
<script type="text/javascript">function change_onglet(name){document.getElementById('onglet_'+anc_onglet).className='onglet_0 onglet'; document.getElementById('onglet_'+name).className='onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display='none'; document.getElementById('contenu_onglet_'+name).style.display='block'; anc_onglet=name;}</script>
<script type="text/javascript">var anc_onglet = 'NomOnglet1'; change_onglet(anc_onglet);</script>
<!-- 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}" loading="lazy" /></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}" loading="lazy"  /></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}" loading="lazy"  /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

[Oz-Chan]

Bonjour,

C'est déjà mieux !
Mais ils ne sont toujours pas collés à la catégorie au-dessus comme montré sur les barres roses sur mon premier screen. Ils sont beaucoup trop bas.



Encore, merci !

[Toryudo]

Alors cet espace, c'est ce CSS qui en est la cause :

Code:

.categorie {
  position: relative;
  width: 860px;
  margin: auto;
  background-color: #0a0b34;
  padding-bottom: 0;
  overflow: hidden;
  margin-bottom: 40px;
  border: 3px solid #000b19;
  font-size: 12px;
  font-family: georgia;
  color: #f4f7fa;
  border-radius: 427px 427px 40px 40px / 112px 112px 20px 20px;
}

Plus particulièrement le margin-bottom: 40px; : c'est lui qui crée un espace de 40 pixels entre chaque catégories, et donc sous la dernière également. Du coup, allez hop, mettons un margin-top: -40px; sur les liens pour les remonter :

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">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="860" style="margin:auto;margin-top:-40px;" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td 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_on_index -->
            <!-- BEGIN switch_delete_cookies -->
            &nbsp;&nbsp;&nbsp;<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
        <!-- END switch_on_index -->

        <!-- BEGIN switch_delete_cookies -->
        &nbsp;&nbsp;&nbsp;<span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<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 width="50%" valign="top" align="right" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
  <h2 class="titre-qeel">Qui est en ligne ? <span>Ces dernières 24 heures ✦</span></h2>
<div id="contenuqeelarte">
 <div class="bloc-stats-gauche">
 <div class="derniers-connectes">
 <h2>
 Ils
 <br/>
 etaient
 <br/>
 connectés
 </h2>
 <div>
                          <table>{L_CONNECTED_MEMBERS}</table>
 </div>
 </div>
 <div class="en-ligne-maintenant">
 <h4>Ils sont là</h4>
 <p>
 {LOGGED_IN_USER_LIST}
 </p>
 </div>
 <div class="stats-membres stats-gauche">
 <span><i class="cp cp-user"></i></span>
 <p>
Nous avons
 <strong>{TOTAL_USERS}</strong>
Le survivant le plus récent est
 <strong>{NEWEST_USER}</strong>
 &nbsp; !
 </p>
 </div>
 <div class="stats-messages stats-gauche">
 <span><i class="cp cp-envelope"></i></span>
 <p>
Nos pigeons ont pu livrer
<strong>{TOTAL_POSTS}</strong>.
Ils méritent leurs graines !
 </p>
 </div>
 </div>
 <div class="bloc-groupes-droit">
 <div class="contenu-bloc-groupe">
 <div class="systeme_onglets">
 <div class="boutons_onglets">
 <span class="onglet" id="onglet_NomOnglet1" onmouseover="change_onglet('NomOnglet1');"><a href="https://nova-aurora.forumactif.com/g3-diligentia" class="bloc-onglet gr1"> DILIGENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet2" onmouseover="change_onglet('NomOnglet2');"><a href="https://nova-aurora.forumactif.com/g4-scientia" class="bloc-onglet gr2"> SCIENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet3" onmouseover="change_onglet('NomOnglet3');"><a href="https://nova-aurora.forumactif.com/g5-militia" class="bloc-onglet gr3"> MILITIA </a></span>
 <span class="onglet" id="onglet_NomOnglet4" onmouseover="change_onglet('NomOnglet4');"><a href="https://nova-aurora.forumactif.com/g6-civilia" class="bloc-onglet gr4"> CIVILIA</a></span>
 <span class="onglet" id="onglet_NomOnglet5" onmouseover="change_onglet('NomOnglet5');"><a href="https://nova-aurora.forumactif.com/g7-pnj" class="bloc-onglet gr5"> P N J </a></span>
 </div>
 </div>
 <div class="conteneur_onglets">
 <div class="contenu_onglet gr1" id="contenu_onglet_NomOnglet1">
 <h2>DILIGENTIA</h2>
 <p>
 Au sein de diligentia se trouvent les explorateurs et aventuriers de ce nouveau monde. Ils partent hors de la ville pour vérifier que les monstres s’en tiennent éloignés. Cela leur permet de découvrir des ruines, de cartographier la région toujours plus en avant, mais également de chasser et de revenir avec leur butin.
 </p>
 </div>
 <div class="contenu_onglet gr2" id="contenu_onglet_NomOnglet2">
 <h2>SCIENTIA</h2>
 <p>
Scientia regroupe les médecins et les scientifiques de tout secteur. Leur principal objectif est de trouver la cause des événements d’il y a 150 ans. D’autres peuvent se vouer  au moment présent et aider la population, retrouver cette technologie d'antan qui a été perdue avec le Grand Séisme.
 </p>
 </div>
 <div class="contenu_onglet gr3" id="contenu_onglet_NomOnglet3">
 <h2>MILITIA</h2>
 <p>
La police interne qui s'occupe de la protection des citoyens dans la ville et les champs. Normalement, il n’y a aucun risque, mais cela rassure la population. Outre la protection, ce sont eux qui veillent aux lois et l’apaisement des conflits. Ils s’occupent également du monstre qui pourrait s’être infiltré quelque part.
 </p>
 </div>
 <div class="contenu_onglet gr4" id="contenu_onglet_NomOnglet4">
 <h2>CIVILIA</h2>
 <p>
Tout autre citoyen fait partie de civilia, que ce soit l’artisan ou la boulangère au coin de la rue, que ce soit le danseur ou l’instituteur. Ne pensez pas qu’ils sont inutiles ou sans intérêt, car qui sait ce qui se passe dans les foyers ? Sont-ils tous en accord avec la manière dont la cité est gérée ?
 </p>
 </div>
 <div class="contenu_onglet gr5" id="contenu_onglet_NomOnglet5">
 <h2>PNJ</h2>
 <p>
Le groupe fermé des PNJs. Vous n'avez pas intérêt à les sous-estimer...
 </p>
 </div>
 </div>
 </div>
 </div>
    <div class="bloc-qeel-bonus">
        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>
    </div>
</div>

<script type="text/javascript">
      document.getElementById('contenuqeelarte').innerHTML=document.getElementById('contenuqeelarte').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /g," ")
      .replace(/Membres connectés au cours des 48 dernières heures : /g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Nos membres ont posté un total de /g," ")
      .replace(/Nous avons /g," ")
      .replace(/enregistrés/g," ")
      .replace(/L'utilisateur enregistré le plus récent est /g," ");
</script>
  
<script type="text/javascript">function change_onglet(name){document.getElementById('onglet_'+anc_onglet).className='onglet_0 onglet'; document.getElementById('onglet_'+name).className='onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display='none'; document.getElementById('contenu_onglet_'+name).style.display='block'; anc_onglet=name;}</script>
<script type="text/javascript">var anc_onglet = 'NomOnglet1'; change_onglet(anc_onglet);</script>
<!-- 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}" loading="lazy" /></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}" loading="lazy"  /></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}" loading="lazy"  /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

[Oz-Chan]

C'est presque bon !
C'est entre les liens et le qui est en ligne maintenant que l'espace a disparu. C'est beaucoup trop collé !



Par ailleurs, pourriez-vous me le donner un CSS pour que je puisse customiser ces deux liens ? J'aimerai y rajouter un fond derrière.

[Toryudo]

D'accord, donc voilà le Template :

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">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table class="liensbottom" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td 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_on_index -->
            <!-- BEGIN switch_delete_cookies -->
            &nbsp;&nbsp;&nbsp;<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
        <!-- END switch_on_index -->

        <!-- BEGIN switch_delete_cookies -->
        &nbsp;&nbsp;&nbsp;<span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<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 width="50%" valign="top" align="right" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
  <h2 class="titre-qeel">Qui est en ligne ? <span>Ces dernières 24 heures ✦</span></h2>
<div id="contenuqeelarte">
 <div class="bloc-stats-gauche">
 <div class="derniers-connectes">
 <h2>
 Ils
 <br/>
 etaient
 <br/>
 connectés
 </h2>
 <div>
                          <table>{L_CONNECTED_MEMBERS}</table>
 </div>
 </div>
 <div class="en-ligne-maintenant">
 <h4>Ils sont là</h4>
 <p>
 {LOGGED_IN_USER_LIST}
 </p>
 </div>
 <div class="stats-membres stats-gauche">
 <span><i class="cp cp-user"></i></span>
 <p>
Nous avons
 <strong>{TOTAL_USERS}</strong>
Le survivant le plus récent est
 <strong>{NEWEST_USER}</strong>
 &nbsp; !
 </p>
 </div>
 <div class="stats-messages stats-gauche">
 <span><i class="cp cp-envelope"></i></span>
 <p>
Nos pigeons ont pu livrer
<strong>{TOTAL_POSTS}</strong>.
Ils méritent leurs graines !
 </p>
 </div>
 </div>
 <div class="bloc-groupes-droit">
 <div class="contenu-bloc-groupe">
 <div class="systeme_onglets">
 <div class="boutons_onglets">
 <span class="onglet" id="onglet_NomOnglet1" onmouseover="change_onglet('NomOnglet1');"><a href="https://nova-aurora.forumactif.com/g3-diligentia" class="bloc-onglet gr1"> DILIGENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet2" onmouseover="change_onglet('NomOnglet2');"><a href="https://nova-aurora.forumactif.com/g4-scientia" class="bloc-onglet gr2"> SCIENTIA </a></span>
 <span class="onglet" id="onglet_NomOnglet3" onmouseover="change_onglet('NomOnglet3');"><a href="https://nova-aurora.forumactif.com/g5-militia" class="bloc-onglet gr3"> MILITIA </a></span>
 <span class="onglet" id="onglet_NomOnglet4" onmouseover="change_onglet('NomOnglet4');"><a href="https://nova-aurora.forumactif.com/g6-civilia" class="bloc-onglet gr4"> CIVILIA</a></span>
 <span class="onglet" id="onglet_NomOnglet5" onmouseover="change_onglet('NomOnglet5');"><a href="https://nova-aurora.forumactif.com/g7-pnj" class="bloc-onglet gr5"> P N J </a></span>
 </div>
 </div>
 <div class="conteneur_onglets">
 <div class="contenu_onglet gr1" id="contenu_onglet_NomOnglet1">
 <h2>DILIGENTIA</h2>
 <p>
 Au sein de diligentia se trouvent les explorateurs et aventuriers de ce nouveau monde. Ils partent hors de la ville pour vérifier que les monstres s’en tiennent éloignés. Cela leur permet de découvrir des ruines, de cartographier la région toujours plus en avant, mais également de chasser et de revenir avec leur butin.
 </p>
 </div>
 <div class="contenu_onglet gr2" id="contenu_onglet_NomOnglet2">
 <h2>SCIENTIA</h2>
 <p>
Scientia regroupe les médecins et les scientifiques de tout secteur. Leur principal objectif est de trouver la cause des événements d’il y a 150 ans. D’autres peuvent se vouer  au moment présent et aider la population, retrouver cette technologie d'antan qui a été perdue avec le Grand Séisme.
 </p>
 </div>
 <div class="contenu_onglet gr3" id="contenu_onglet_NomOnglet3">
 <h2>MILITIA</h2>
 <p>
La police interne qui s'occupe de la protection des citoyens dans la ville et les champs. Normalement, il n’y a aucun risque, mais cela rassure la population. Outre la protection, ce sont eux qui veillent aux lois et l’apaisement des conflits. Ils s’occupent également du monstre qui pourrait s’être infiltré quelque part.
 </p>
 </div>
 <div class="contenu_onglet gr4" id="contenu_onglet_NomOnglet4">
 <h2>CIVILIA</h2>
 <p>
Tout autre citoyen fait partie de civilia, que ce soit l’artisan ou la boulangère au coin de la rue, que ce soit le danseur ou l’instituteur. Ne pensez pas qu’ils sont inutiles ou sans intérêt, car qui sait ce qui se passe dans les foyers ? Sont-ils tous en accord avec la manière dont la cité est gérée ?
 </p>
 </div>
 <div class="contenu_onglet gr5" id="contenu_onglet_NomOnglet5">
 <h2>PNJ</h2>
 <p>
Le groupe fermé des PNJs. Vous n'avez pas intérêt à les sous-estimer...
 </p>
 </div>
 </div>
 </div>
 </div>
    <div class="bloc-qeel-bonus">
        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>
    </div>
</div>

<script type="text/javascript">
      document.getElementById('contenuqeelarte').innerHTML=document.getElementById('contenuqeelarte').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /g," ")
      .replace(/Membres connectés au cours des 48 dernières heures : /g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Nos membres ont posté un total de /g," ")
      .replace(/Nous avons /g," ")
      .replace(/enregistrés/g," ")
      .replace(/L'utilisateur enregistré le plus récent est /g," ");
</script>
  
<script type="text/javascript">function change_onglet(name){document.getElementById('onglet_'+anc_onglet).className='onglet_0 onglet'; document.getElementById('onglet_'+name).className='onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display='none'; document.getElementById('contenu_onglet_'+name).style.display='block'; anc_onglet=name;}</script>
<script type="text/javascript">var anc_onglet = 'NomOnglet1'; change_onglet(anc_onglet);</script>
<!-- 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}" loading="lazy" /></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}" loading="lazy"  /></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}" loading="lazy"  /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

Et voilà le CSS final pour le moment, avec ajout d'espace sous les liens :

Code:

.liensbottom {
  width: 860px;
  margin: -40px auto 30px;
}

En ciblant le .liensbottom a vous pourrez personnaliser les liens comme vous voudrez !

[Oz-Chan]

Super, merci pour le CSS ! Il y a un dernier problème. Les deux liens se sont à nouveau collés une fois le remplacement fait. Je vous redonne le code au cas où j'ai fait moi une erreur.

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">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table class="liensbottom" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td 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_on_index -->
            <!-- BEGIN switch_delete_cookies -->
            <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
        <!-- END switch_on_index -->

        <!-- BEGIN switch_delete_cookies -->
        <span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
  </tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<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 width="50%" valign="top" align="right" class="row1">

                <table>
                    <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>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<h2 class="titre-qeel">Qui est en ligne ? <span>Ces dernières 24 heures ✦</span></h2>
<div id="contenuqeelarte">
<div class="bloc-stats-gauche">
<div class="derniers-connectes">
<h2>
Ils
<br/>
etaient
<br/>
connectés
</h2>
<div>
                        <table>{L_CONNECTED_MEMBERS}</table>
</div>
</div>
<div class="en-ligne-maintenant">
<h4>Ils sont là</h4>
<p>
{LOGGED_IN_USER_LIST}
</p>
</div>
<div class="stats-membres stats-gauche">
<span><i class="cp cp-user"></i></span>
<p>
Nous avons
<strong>{TOTAL_USERS}</strong>
Le survivant le plus récent est
<strong>{NEWEST_USER}</strong>
&nbsp; !
</p>
</div>
<div class="stats-messages stats-gauche">
<span><i class="cp cp-envelope"></i></span>
<p>
Nos pigeons ont pu livrer
<strong>{TOTAL_POSTS}</strong>. Bravo,
Ils méritent bien leurs petites graines !
</p>
</div>
</div>
<div class="bloc-groupes-droit">
<div class="contenu-bloc-groupe">
<div class="systeme_onglets">
<div class="boutons_onglets">
<span class="onglet" id="onglet_NomOnglet1" onmouseover="change_onglet('NomOnglet1');"><a href="https://nova-aurora.forumactif.com/g3-diligentia" class="bloc-onglet gr1"> DILIGENTIA </a></span>
<span class="onglet" id="onglet_NomOnglet2" onmouseover="change_onglet('NomOnglet2');"><a href="https://nova-aurora.forumactif.com/g4-scientia" class="bloc-onglet gr2"> SCIENTIA </a></span>
<span class="onglet" id="onglet_NomOnglet3" onmouseover="change_onglet('NomOnglet3');"><a href="https://nova-aurora.forumactif.com/g5-militia" class="bloc-onglet gr3"> MILITIA </a></span>
<span class="onglet" id="onglet_NomOnglet4" onmouseover="change_onglet('NomOnglet4');"><a href="https://nova-aurora.forumactif.com/g6-civilia" class="bloc-onglet gr4"> CIVILIA</a></span>
<span class="onglet" id="onglet_NomOnglet5" onmouseover="change_onglet('NomOnglet5');"><a href="https://nova-aurora.forumactif.com/g7-pnj" class="bloc-onglet gr5"> P N J </a></span>
</div>
</div>
<div class="conteneur_onglets">
<div class="contenu_onglet gr1" id="contenu_onglet_NomOnglet1">
<h2>DILIGENTIA</h2>
<p>
Au sein de diligentia se trouvent les explorateurs et aventuriers de ce nouveau monde. Ils partent hors de la ville pour vérifier que les monstres s’en tiennent éloignés. Cela leur permet de découvrir des ruines, de cartographier la région toujours plus en avant, mais également de chasser et de revenir avec leur butin.
</p>
</div>
<div class="contenu_onglet gr2" id="contenu_onglet_NomOnglet2">
<h2>SCIENTIA</h2>
<p>
Scientia regroupe les médecins et les scientifiques de tout secteur. Leur principal objectif est de trouver la cause des événements d’il y a 150 ans. D’autres peuvent se vouer  au moment présent et aider la population, retrouver cette technologie d'antan qui a été perdue avec le Grand Séisme.
</p>
</div>
<div class="contenu_onglet gr3" id="contenu_onglet_NomOnglet3">
<h2>MILITIA</h2>
<p>
La police interne qui s'occupe de la protection des citoyens dans la ville et les champs. Normalement, il n’y a aucun risque, mais cela rassure la population. Outre la protection, ce sont eux qui veillent aux lois et l’apaisement des conflits. Ils s’occupent également du monstre qui pourrait s’être infiltré quelque part.
</p>
</div>
<div class="contenu_onglet gr4" id="contenu_onglet_NomOnglet4">
<h2>CIVILIA</h2>
<p>
Tout autre citoyen fait partie de civilia, que ce soit l’artisan ou la boulangère au coin de la rue, que ce soit le danseur ou l’instituteur. Ne pensez pas qu’ils sont inutiles ou sans intérêt, car qui sait ce qui se passe dans les foyers ? Sont-ils tous en accord avec la manière dont la cité est gérée ?
</p>
</div>
<div class="contenu_onglet gr5" id="contenu_onglet_NomOnglet5">
<h2>PNJ</h2>
<p>
Le groupe fermé des PNJs. Vous n'avez pas intérêt à les sous-estimer...
</p>
</div>
</div>
</div>
</div>
    <div class="bloc-qeel-bonus">
        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>        <a href="http://labyrinthofmagic-rpg.actifforum.com/"><img src="https://i.servimg.com/u/f74/20/14/12/09/156.jpg"/></a>
    </div>
</div>

<script type="text/javascript">
      document.getElementById('contenuqeelarte').innerHTML=document.getElementById('contenuqeelarte').innerHTML.replace(/Membres connectés au cours des 24 dernières heures : /g," ")
      .replace(/Membres connectés au cours des 48 dernières heures : /g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Utilisateurs enregistrés :/g," ")
      .replace(/Nos membres ont posté un total de /g," ")
      .replace(/Nous avons /g," ")
      .replace(/enregistrés/g," ")
      .replace(/L'utilisateur enregistré le plus récent est /g," ");
</script>
  
<script type="text/javascript">function change_onglet(name){document.getElementById('onglet_'+anc_onglet).className='onglet_0 onglet'; document.getElementById('onglet_'+name).className='onglet_1 onglet'; document.getElementById('contenu_onglet_'+anc_onglet).style.display='none'; document.getElementById('contenu_onglet_'+name).style.display='block'; anc_onglet=name;}</script>
<script type="text/javascript">var anc_onglet = 'NomOnglet1'; change_onglet(anc_onglet);</script>
<!-- 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}" loading="lazy" /></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}" loading="lazy"  /></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}" loading="lazy"  /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

merci

[Toryudo]

En fait, c'est sur cette partie-là :

Code:

<table class="liensbottom" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td 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_on_index -->
            <!-- BEGIN switch_delete_cookies -->
            &nbsp;&nbsp;&nbsp;<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            <!-- END switch_delete_cookies -->
        <!-- END switch_on_index -->

        <!-- BEGIN switch_delete_cookies -->
        &nbsp;&nbsp;&nbsp;<span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
        <!-- END switch_delete_cookies -->
      </td>
  </tr>
</table>

J'ai des &nbsp;&nbsp;&nbsp; sur ma version pour ajouter des espaces entre les liens, mais sur la vôtre, j'ai l'impression qu'ils ne sont pas là. Ça a fait la même chose la première fois, je ne sais pas trop pourquoi ça les retire chez vous...

[Oz-Chan]

Cette fois-ci, c'est bon ! Merci beaucoup !
Pour ce qui se supprime, je ne suis pas surpris. Quand je copie/colle un code, j'ai un espace invisible qui se met alors que je n'ai rien demandé visible uniquement dans l'inspecteur (un drôle de A...) je dois à chaque fois les enlever manuellement, ça vient peut-être aussi de ça...

J'archive, encore merci !