[Commande de codage] Modifications de template + fiches pour Relax Pub

Ok d'acc

Du coup, voilà le tout ^^ (en plusieurs messages, sinon ça ne passe pas )


index_body

Code:

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

<!-- PA -->
<div id="m-wrapper-pa"></div>

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

            <!-- 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" class="m-d-none">
  <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>

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

            <!-- 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 -->
<table class="forumline m-d-none" id="mon-qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <td class="catHead" colspan="2" height="28">
    <!-- BEGIN switch_viewonline_link -->
    <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
    <!-- END switch_viewonline_link -->

    <!-- BEGIN switch_viewonline_nolink -->
    <span class="cattitle">{L_WHO_IS_ONLINE}</span>
    <!-- END switch_viewonline_nolink -->
    </td>
  </tr>
  <tr>
    <td class="row1" rowspan="6" 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">{TOTAL_POSTS}<br />
    {TOTAL_USERS}<br />
    {NEWEST_USER}</span></td>
  </tr>
  <tr>
    <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
    {RECORD_USERS}<br />
    <br />
    {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  {L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}
  <tr>
    <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
    <td class="row1">
      <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
        <!-- BEGIN switch_chatbox_popup -->
        <div id="chatbox_popup"></div>
        <script type="text/javascript">
        //<![CDATA[
        insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
        //]]>
        </script>
        <!-- END switch_chatbox_popup -->
      </span>
    </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

  <div class="m-qeel feq">
    <div class="m-qeel-titre">
      Qui se relaxe ?
    </div>
    <div class="m-qeel-content">
      <div class="m-qeel-groupe">
        @groupes$ - @
      </div>
      <div class="m-d-flex">
        <div class="m-qeel-blk">
          <p>Nous avons actuellement <strong>@membres_enregistres@ clients</strong> enregistrés.<br />
          Nos clients ont utilisé un total de <strong>@messages@ heures de repos</strong>.</p>
          <p>Le client dernièrement arrivé est <strong>Pseudo</strong>.</p>
        </div>
        <div class="m-qeel-blk">
          <p>Il y a @@connectes_forum?@connectes_forum=<strong>@connectes_forum$&@ client en salle de soin</strong>$<strong>@connectes_forum@ clients en salle de soin@</strong>$personne en salle de soin.@@ : @@enregistres?@enregistres=@enregistres$&@ client$@enregistres@ clients@$0 membre enregistré@@,  @@invisibles?@invisibles=@invisibles$&@ client mystère$@invisibles@ clients mystères@$0 client mystère@@ et @@invites?@invites=@invites$&@ visiteur$@invites@ visiteurs@$0 visiteur@@.</p>

          <p class="m-stats">
                <span class="m-nb m-d-none">@enregistres@</span>
                @@membres_connectes?Client<span class="m-pluriel">s</span> présent<span class="m-pluriel">s</span> : @membres_connectes$, @ .$Aucun client n'est présent.@@</p>

          <p>@@derniers_membres_connectes?Clients présents ces 24 dernières heures :@derniers_membres_connectes$, @$Aucun client n'est passé ces 24 dernières heures.@@</p>
        </div>
      </div>
      <div class="m-qeel-blk">
        <p>@@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=<span>Ce client fête son anniversaire aujourd'hui :</span> @membres_anniversaire_aujourdhui$&@$<span>Ces clients fêtent leur anniversaire aujourd'hui :</span> @membres_anniversaire_aujourdhui$, @@$<span>Aucun client ne fête son anniversaire aujourd'hui.</span> @@ @@membres_anniversaire_prochains_jours?@membres_anniversaire_prochains_jours=<span>Ce client fête son anniversaire dans les prochains jours</span> @membres_anniversaire_prochains_jours$&@$<span>Ces clients fêtent leur anniversaire dans les prochains jours</span> @membres_anniversaire_prochains_jours$, @@$<span>Aucun client ne fête son anniversaire dans les prochains jours</span> @@.</p>
      </div>
    </div>
  </div>


{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
    <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td></td>
    <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td> &nbsp;</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}

index_box

Code:

<table class="m-d-none" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
    <td valign="bottom">
      <!-- BEGIN switch_user_logged_in -->
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      <!-- END switch_user_logged_in -->
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
      <!-- BEGIN switch_user_logged_in -->
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      <!-- END switch_user_logged_in -->
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="m-cate">
    <div class="m-titre-cate">
      <h2>{catrow.tablehead.L_FORUM}</h2>
    </div>
    <div class="m-cate-content">
  <!-- END tablehead -->
  <!-- BEGIN cathead --><!-- END cathead -->
  <!-- BEGIN forumrow -->
        <h3 class="m-titre-forum"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h3>
        <div class="m-forum">
            <div class="m-forum-content m-d-flex">
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                <div class="m-forum-desc">
                    {catrow.forumrow.FORUM_DESC}
                </div>
                <div class="m-sous-forum">
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </div>
                <div class="m-last-post">
                    {catrow.forumrow.LAST_POST}

                    <div class="m-avatar-last">
                    <!-- BEGIN ads -->
                          <span class="AD_LastPA">
                              <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                              <span class="AD_LastInfos">
                                  <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                  {catrow.forumrow.ads.DATE}<br />
                                  {catrow.forumrow.ads.LOCATION}
                              </span>
                          </span><br />
                          <!-- END ads -->
                          <!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}
                          <!-- END avatar -->
                  </div>

                    <div class="m-forum-stats">
                      <p class="m-stats">
                          <span class="m-nb">{catrow.forumrow.TOPICS}</span> sujet<span class="m-pluriel">s</span> - <span class="m-nb">{catrow.forumrow.POSTS}</span> message<span class="m-pluriel">s</span>
                        </p>
                    </div>
                </div>
            </div>

        </div>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
    </div>
  </div><!-- END tablefoot --><!-- END catrow -->

overall_header

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
    xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
  <meta http-equiv="content-script-type" content="text/javascript"/>
  <meta http-equiv="content-style-type" content="text/css"/>
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
  <link rel="search" type="application/opensearchdescription+xml"
      href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <!-- BEGIN switch_recent_jquery -->
  <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
  <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
  <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
  <!-- END switch_recent_jquery -->
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
  {RICH_SNIPPET_GOOGLE}

  <!-- BEGIN switch_fb_login -->
  <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
  <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
    /* Definir le sens de direction en fonction du panneau admin */
    var tickerDirParam = "{switch_ticker.DIRECTION}";
    var slid_vert = false;
    var auto_dir = 'next';
    var h_perso = parseInt({switch_ticker.HEIGHT});

    switch (tickerDirParam) {
      case 'top' :
        slid_vert = true;
        break;
      case 'left':
        break;
      case 'bottom':
        slid_vert = true;
        auto_dir = 'prev';
        break;
      case 'right':
        auto_dir = 'prev';
        break;
      default:
        slid_vert = true;
    }

    $(document).ready(function () {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0) {
        $('#fa_ticker_container').width(w_cont);

        /* Affichage de la liste */
        $('#fa_ticker_content').css('display', 'block');

        /* Calcul des dimensions du conteneur et des elements */
        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});
        var height_max = h_perso;

        /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
        $('ul#fa_ticker_content li').each(function () {
          if ($(this).height() > height_max) {
            height_max = $(this).height();
          }
        });

        /* Redimensionnement des elements et des images trop larges */
        $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
          if ($(this).width() > width_item) {
            var ratio = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
          }
        });

        /* Redimensionnement et centrage du conteneur en mode vertical */
        if (slid_vert) {
          $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
        }

        /* Initialisation du caroussel */
        $('#fa_ticker_content').jcarousel({
          vertical: slid_vert,
          wrap: 'circular',
          auto: {switch_ticker.STOP_TIME},
          auto_direction: auto_dir,
          scroll: 1,
          size: {switch_ticker.SIZE},
          height_max: height_max,
          animation: {switch_ticker.SPEED}
        });
      } else {
        $('ul#fa_ticker_content li:not(:first)').css('display', 'none');
        $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
      }
    });
    //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
    $(document).ready(function () {
      <!-- BEGIN switch_enable_pm_popup -->
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      if (pm != null) {
        pm.focus();
      }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      if (report != null) {
        report.focus();
      }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
      $(document).ready(function () {
        Ticker.start({
          height: {switch_ticker.HEIGHT},
          spacing: {switch_ticker.SPACING},
          speed: {switch_ticker.SPEED},
          direction: '{switch_ticker.DIRECTION}',
          pause: {switch_ticker.STOP_TIME}
        });
      });
      <!-- END switch_ticker -->
    });

    <!-- BEGIN switch_login_popup -->
    var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
      logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
    <!-- END switch_login_popup -->

    <!-- BEGIN switch_login_popup -->
    $(document).ready(function () {
      $(window).resize(function () {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
          "left": windowWidth / 2 - popupWidth / 2
        });
      });
    });
    <!-- END switch_login_popup -->
    //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <style>
    .jcarousel-skin-tango .jcarousel-item {
      text-align: center;
      width: 10px;
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
    }

    .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
    }
  </style>
  <!-- END switch_ticker_new -->
  {HOSTING_JS}

  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
    //<![CDATA[
    (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();
    a = s.createElement(o),
      m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    m.parentNode.insertBefore(a, m)
    })
    (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
    ga('create', '{G_ANALYTICS_ID}', 'auto');
    ga('send', 'pageview');
    ga('set', 'anonymizeIp', true);

    <!-- BEGIN google_analytics_code_bis -->
    ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
    ga('bis.send', 'pageview');
    ga('bis.set', 'anonymizeIp', true);
    <!-- END google_analytics_code_bis -->
    //]]>

  </script>
  <!-- END google_analytics_code -->

  <link href="https://fonts.googleapis.com/css?family=Engagement&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Niconne&display=swap" rel="stylesheet">
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
    vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
  <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
  <div class="content">
    <p>
      {hitskin_preview.L_THEME_SITE_PREVIEW}
      <br/>
      <span>{hitskin_preview.U_INSTALL_THEME}<a
            href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
    </p>
  </div>
</div>
<!-- END hitskin_preview -->

<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
  <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
      cellpadding="0">
    <tr height="25">
      <td class="catLeft">
        <span class="genmed module-title">{SITENAME}</span>
      </td>
    </tr>
    <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
      <td class="row1" align="left" valign="top">
        <div id="login_popup_buttons">
          <form action="{S_LOGIN_ACTION}" method="get">
            <input type="submit" class="mainoption" value="{L_LOGIN}"/>
            <input type="button" class="mainoption" value="{L_REGISTER}"
                onclick="parent.location='{U_REGISTER}';"/>
            <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
          </form>
        </div>
        <span class="genmed">{LOGIN_POPUP_MSG}</span>
      </td>
    </tr>
  </table>
</div>
<!-- END switch_login_popup -->

<a name="top"></a>
{JAVASCRIPT}

  <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="m-barre-nav">
    <tr>
      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
    </tr>
  </table>

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
  <tr>
    <td class="bodyline">
      <table width="100%" cellspacing="0" cellpadding="0" border="0">
        <tr>
          <!-- BEGIN switch_logo_left -->
          <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
          </td>
          <!-- END switch_logo_left -->
          <td align="center" width="100%" valign="middle">
            <!-- BEGIN switch_logo_center -->
            <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
            <br/>
            <!-- END switch_logo_center -->
            <div class="maintitle">{MAIN_SITENAME}</div>
            <br/>
            <span class="gen">{SITE_DESCRIPTION}<br/>  </span>
          </td>
          <!-- BEGIN switch_logo_right -->
          <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
          </td>
          <!-- END switch_logo_right -->
        </tr>
      </table>

      <div style="clear: both;"></div>

      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
          <tr>
            <td align="left" class="row1">
              <div id="fa_ticker_container">
                <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                  <!-- BEGIN ticker_row -->
                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                  <!-- END ticker_row -->
                </ul>
              </div>
            </td>
          </tr>
        </table>
      </div>
      <!-- END switch_ticker_new -->

      <!-- BEGIN switch_ticker -->
      <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
          <tr>
            <td align="left" class="row1">
              <div id="fa_ticker_container">
                <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                  <div class="fa_ticker_content">
                    <!-- BEGIN ticker_row -->
                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                    <!-- END ticker_row -->
                  </div>
                </div>
              </div>
            </td>
          </tr>
        </table>
      </div>
      <!-- END switch_ticker -->

      <div id="page-body">
        <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
          <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
            <tbody>
            <tr>
              <td valign="top" width="{C1SIZE}">
                <div id="{ID_LEFT}">
                  <!-- BEGIN giefmod_index1 -->
                  {giefmod_index1.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height:{SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index1 -->
                </div>
              </td>
              <td valign="top" width="100%">
                <!-- BEGIN html_validation -->
              </td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </td>
  </tr>
</table>
</body>
</html>
<!-- END html_validation -->

viewtopic_body

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
      {
        if( $(this).is(":visible") )
        {
          $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
        }
        else
        {
          $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
        }
      });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
    <td align="left" valign="middle" nowrap="nowrap">
      <span class="nav">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
      <!-- END switch_user_authreply -->
      </span>
    </td> 
    <td class="nav" valign="middle" width="100%">
      <span class="nav">
                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
    </td> 
    <td align="right" valign="bottom" nowrap="nowrap" width="100%">
      <!-- BEGIN switch_twitter_btn -->
      <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
      </span>
      <!-- END switch_twitter_btn -->
     
      <!-- BEGIN switch_fb_likebtn -->     
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script> 
      <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
      <!-- END switch_fb_likebtn -->

      <span class="gensmall bold">
        <a class="addthis_button" href="#">{L_SHARE}</a>
        <!-- BEGIN switch_plus_menu -->
         | 
        <script type="text/javascript">//<![CDATA[
          var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
          var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
          var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
          var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
          var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
          insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
        //]]>
        </script>
        <!-- END switch_plus_menu -->
      </span>
    </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
  <tr align="right">
    <td class="catHead" colspan="2" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="9%" class="noprint"> </td>
          <td align="center" class="t-title">
            <h1 class="cattitle"> {TOPIC_TITLE}</h1>
          </td>
          <td align="right" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> 
                        <!-- END switch_isconnect -->
                        <a href="#bottom">{L_GOTO_DOWN}</a> 
                    </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
    <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
    <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
    <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
    <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="{postrow.displayed.ROW_CLASS} m-posteur"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
      <div class="m-pseudo-posteur">
        {postrow.displayed.POSTER_NAME}
      </div>
      <div class="m-rang-posteur">
        {postrow.displayed.POSTER_RANK}<br />
        {postrow.displayed.RANK_IMAGE}
      </div>
      <div class="m-avatar-posteur">
        <div class="postprofile-avatar">
          {postrow.displayed.POSTER_AVATAR}
        </div>
        <div class="m-infos-posteur">
          <!-- BEGIN profile_field -->
          <div class="m-champ-profil">
          {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
          </div>
          <!-- END profile_field -->
          {postrow.displayed.POSTER_RPG}
        </div>
      </div>
      <div class="m-contact-posteur">
        {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
      </div>
    </td>
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
          <td valign="top" nowrap="nowrap" class="post-options">
            {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
          </td>
        </tr>
        <tr>
          <td colspan="2" class="hr">
            <hr />
          </td>
        </tr>
        <tr>
          <td colspan="2">
            <!-- BEGIN switch_vote_active -->
            <div class="vote gensmall">
              <!-- BEGIN switch_vote -->
              <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
              <!-- END switch_vote -->

              <!-- BEGIN switch_bar -->
              <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                <!-- BEGIN switch_vote_plus -->
                <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                <!-- END switch_vote_plus -->

                <!-- BEGIN switch_vote_minus -->
                <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                <!-- END switch_vote_minus -->
              </div>
              <!-- END switch_bar -->

              <!-- BEGIN switch_no_bar -->
              <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
              <!-- END switch_no_bar -->

              <!-- BEGIN switch_vote -->
              <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
              <!-- END switch_vote -->
            </div>
            <!-- END switch_vote_active -->

            <div class="postbody">

              <div>{postrow.displayed.MESSAGE}</div>

              <!-- BEGIN switch_attachments -->
              <dl class="attachbox">
                <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                <dd>
                  <!-- BEGIN switch_post_attachments -->
                  <dl class="file">
                    <dt>
                      <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                      <!-- BEGIN switch_dl_att -->
                      <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                      <!-- END switch_dl_att -->

                      <!-- BEGIN switch_no_dl_att -->
                      {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                      <!-- END switch_no_dl_att -->
                    </dt>

                    <!-- BEGIN switch_no_comment -->
                    <dd>
                      <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                    </dd>
                    <!-- END switch_no_comment -->

                    <!-- BEGIN switch_no_dl_att -->
                    <dd>
                      <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                    </dd>
                    <!-- END switch_no_dl_att -->

                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                  </dl>
                  <!-- END switch_post_attachments -->
                </dd>
              </dl>
              <!-- END switch_attachments -->

              <div class="clear"></div>
              <!-- BEGIN switch_signature -->
              <div class="signature_div">
                {postrow.displayed.SIGNATURE}
              </div>
              <!-- END switch_signature -->

            </div>
            <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="{postrow.displayed.ROW_CLASS} browse-arrows m-posteur"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
      <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
    </td>
    <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
      <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="middle"></td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
    <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
    <td class="row1" colspan="2" height="28">
      <span class="genmed">{no_post.L_NO_POST}</span>
    </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
    <td class="catBottom" colspan="2" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="9%" class="noprint"> </td>
          <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
          <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> 
                        <!-- END switch_isconnect -->
                        <a href="#top">{L_BACK_TO_TOP}</a> 
                    </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <tr>
    <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
    <!-- BEGIN topicpagination -->
    <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
    <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
    <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
    <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
          <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
    <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
          <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="row2 postbody" valign="top">
      <!-- BEGIN link -->
      » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
    </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
    <tr>
      <td class="catBottom">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tbody>
            <tr>
              <td valign="top">
                <div class="cattitle"> {L_FORUM_RULES}</div>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr>
      <td class="row1 clearfix">
        <table>
          <tr>
            <!-- BEGIN switch_forum_rule_image -->
            <td class="logo">
              <img src="{RULE_IMG_URL}" alt="" />
            </td>
            <!-- END switch_forum_rule_image -->
            <td class="rules postbody">
              {RULE_MSG}
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="row2" colspan="2" align="center" style="padding:0px">
      <!-- BEGIN switch_user_logged_in -->
      <a name="quickreply"></a>
      {QUICK_REPLY_FORM}<br />
      <!-- END switch_user_logged_in -->
    </td>
  </tr>
  <tr>
    <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
        <tbody>
    <!-- BEGIN show_permissions -->
    <tr>
      <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
      <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
    </tr>
    <!-- END show_permissions -->
    <tr>
      <td class="catBottom" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
            <!-- BEGIN show_permissions -->
            <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            <!-- END show_permissions -->
          </tr>
        </table>
      </td>
    </tr>
  </tbody>
      </table>
    </td>
  </tr>
  <tr>
    <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
        <tbody>
    <tr>
      <td class="catBottom" colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
            <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
          </tr>
        </table>
      </td>
    </tr>
  </tbody>
      </table>
    </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
    <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
      <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
      </span>
    </td>

    <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

    <!-- BEGIN moderation_panel -->
    <td align="center">
      <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
    </td>
    <td align="center" width="250">
      <span class="gensmall"> </span>
    </td>
    <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
    <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
      <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
        <input type="hidden" name="t" value="{TOPIC_ID}" />

        <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
        <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

        <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
      </form>
    </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Code:

body{
  color: #000;
  font-size: 14px;
  font-family: Tahoma;
  line-height: 1;
}

.bodylinewidth{
  margin-top: 50px;
}

/*********************************************/
/*            CODAGE Miettes                */
/* http://tambouille-raleuses.forumactif.com */
/*********************************************/

.m-d-none{
  display:  none;
}

.m-d-flex{
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/*_____ NAV _____*/
.m-barre-nav{
  background: transparent url('https://2img.net/zupimages.net/up/19/46/lmto.jpg') repeat;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.m-barre-nav .mainmenu{
  background: #e5dfd8;
  border-radius: 10px;
  color: #4d2803;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 10px 4px;
  padding: 4px 10px;
  transition: all .2s ease-in-out;
}

.m-barre-nav .mainmenu img[id^=i_icon]{
  display: none;
}

.m-barre-nav .mainmenu:hover{
  background: #4d2803;
  color: #e5dfd8;
  text-decoration: none!important;
  transition: all .2s ease-in-out;
}


/*_____ PA _____*/
.m-pa{
  background: #4d2803;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1;
  padding: 10px;
}

.m-pa .m-pa-content{
  background: #e5dfd8;
  border-radius: 10px;
  padding: 10px;
}

.m-pa .m-pa-content > .m-d-flex:first-child{
  margin-bottom: 10px;
}

.m-pa .m-pa-logos{
  text-align: center;
}

/*** Liens ***/
.m-pa .m-pa-content a{
  color: #ad7c73 !important;
  text-decoration: none !important;
}

.m-pa .m-pa-content a:hover{
  color: #000 !important;
  transition: all .5s linear;
}

/*** --- Titre --- ***/
.m-pa .m-pa-titre{
  color: #fff;
  font: normal 50px/1 'Engagement', cursive;
  text-align: center;
}

/*** --- Blocs --- ***/
.m-pa .m-pa-blk{
  background: #fff;
  border-radius: 0 0 10px 10px;
  color: #000;
  flex: 0 0 24.333%;
  padding-bottom: 10px;
}

.m-pa .m-pa-blk .m-pa-titre-blk{
  background: #e5dfd8;
  font: normal 32px/1 'Engagement', cursive;
  text-align: center;
}

.m-pa .m-pa-blk .m-pa-wrapper-blk{
  background: #e5dfd8;
}

.m-pa .m-pa-blk .m-pa-content-blk{
  background: #fff;
  border-radius: 10px 10px 0 0;
  padding: 10px;
}

/*** Liens utiles ***/
.m-pa .m-pa-blk#m-pa-blk-liens-utiles .m-pa-wrapper-blk{
  height: 70%;
}

.m-pa .m-pa-blk#m-pa-blk-liens-utiles .m-pa-content-blk{
  align-items: center;
  display: flex;
    justify-content: center;
    height: 100%;
}

.m-pa .m-pa-blk#m-pa-blk-liens-utiles ul{
  list-style: none;
  margin:  0;
  padding: 0;
}

.m-pa .m-pa-blk#m-pa-blk-liens-utiles ul li{
  margin: 5px 0;
  padding: 0;
  text-align: center;
}

/*** News ***/
.m-pa .m-pa-blk#m-pa-blk-news ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.m-pa .m-pa-blk#m-pa-blk-news ul li{
  margin: 5px 0;
  padding: 0;
}

.m-pa .m-pa-blk#m-pa-blk-news .m-pa-date{
  color: #ad7c73;
}

/*** Staff ***/
.m-pa .m-pa-blk#m-pa-blk-staff .m-pa-content-blk{
  flex-wrap: wrap;
  justify-content: center;
}

.m-pa .m-pa-blk .m-pa-staff{
  cursor:  pointer;
  height: 70px;
  overflow: hidden;
  position: relative;
  width:  70px;
}

.m-pa .m-pa-blk .m-pa-staff > img,
.m-pa .m-pa-blk .m-pa-staff .m-pa-infos-staff{
  position: absolute;
  right: 0;
  top: 0;
}

.m-pa .m-pa-blk .m-pa-staff{
  -webkit-transition: -webkit-transform .8s ease-in-out;
  -ms-transition: -ms-transform .8s ease-in-out;
  transition: transform .8s ease-in-out; 
}

.m-pa .m-pa-blk .m-pa-staff .m-pa-infos-staff{
  background: rgba(229, 223, 216, .6);
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 70px;
  opacity: 0;
  text-align: center;
  transform:rotate(-180deg);
  width: 70px;
  transition: all 1s ease-in-out;
}

.m-pa .m-pa-blk .m-pa-staff:hover .m-pa-infos-staff{
  opacity: 1;
  transform:rotate(0);
  transition: all 1s ease-in-out;
}

.m-pa .m-pa-blk .m-pa-staff .m-pa-infos-staff > p{
  margin: 0;
}

.m-pa .m-pa-blk .m-pa-staff .m-pa-infos-staff .m-pa-pseudo{
  font-weight: bold;
}

.m-pa .m-pa-blk .m-pa-staff .m-pa-infos-staff .m-pa-rang,
.m-pa .m-pa-blk .m-pa-staff .m-pa-infos-staff .m-pa-link{
  font-size: 11px;
}

.m-pa .m-pa-blk .m-pa-staff .m-pa-infos-staff .m-pa-link a{
  color: #4d2803 !important;
}

/*** Crédits ***/
.m-pa .m-pa-blk#m-pa-blk-credits{
  text-align: center;
}

/*** Membre du mois ***/
.m-pa .m-pa-blk#m-pa-blk-mb-mois{
  text-align: center;
}

.m-pa .m-pa-blk#m-pa-blk-mb-mois .m-pa-content-blk{
  align-items: center;
  font-weight: bold;
  justify-content: center;
}

.m-pa .m-pa-blk#m-pa-blk-mb-mois .m-pa-content-blk > figure{
  margin: 0;
}

.m-pa .m-pa-blk#m-pa-blk-mb-mois .m-pa-content-blk > div > a{
  display: inline-block;
  margin: 5px;
}

/*_____ QEEL _____*/
.m-qeel{
  background: #4d2803;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1;
  padding: 10px;
}

.m-qeel .m-qeel-content{
  background: #e5dfd8;
  border-radius: 10px;
  padding: 10px;
}

/*** Titre ***/
.m-qeel .m-qeel-titre {
    color: #fff;
    font: normal 50px/1 'Engagement', cursive;
    text-align: center;
}

/*** Groupes ***/
.m-qeel .m-qeel-groupe,
.m-qeel .m-qeel-groupe .gensmall{
  font: normal 28px/1 'Engagement', cursive;
  padding: 10px 0 20px;
  text-align: center;
}

/*** Blocs ***/
.m-qeel .m-qeel-blk{
  background: #fff;
  border-radius:10px;
  box-sizing: border-box;
  color: #000;
  flex: 0 0 49.333%;
  padding: 10px;
}

.m-qeel .m-qeel-content > .m-qeel-blk {
  margin-top: 10px;
}

.m-qeel .m-qeel-blk p{
  margin: 5px 0 10px;
}

.m-qeel .m-qeel-blk a{
  text-decoration: none !important;
}

.m-qeel .m-qeel-blk a:hover{
  text-decoration: underline !important;
}

/*_____ CATE _____*/

.m-cate,
.m-cate .m-cate-content .m-forum{
  background: #4d2803;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1;
  margin: 20px 0;
  padding: 10px;
}

.m-cate .m-cate-content .m-forum{
  margin: 0 0 20px;
}

.m-cate .m-cate-content{
  background: #e5dfd8;
  border-radius: 10px;
  padding: 10px;
}

/*** Titre de la catégorie ***/
.m-cate .m-titre-cate h2{
    color: #fff;
    font: normal 50px/1 'Engagement', cursive;
    margin: 0;
    text-align: center;
}


/*** Titre du forum  ***/
.m-cate .m-titre-forum{
    color: #000;
    font: normal 36px/1 'Niconne', cursive;
    margin: 0;
}

.m-cate .m-titre-forum a{
  color: #000 !important;
  text-decoration: none;
}

/*** Blocs ***/
.m-cate .m-forum-content > div{
  background: #fff;
  border-radius:10px;
  box-sizing: border-box;
  color: #000;
  margin-left: 10px;
  padding: 10px;
}

.m-cate .m-forum-content > img{
  flex: 0 0 50px;
}

/* Description */
.m-cate .m-forum-content .m-forum-desc{
  flex: 1 1 auto;
}

/* Sous forum */
.m-cate .m-forum-content .m-sous-forum{
  font-size: 0;
  flex: 0 0 150px;
  text-align: center;
}

.m-cate .m-forum-content .m-sous-forum a{
  display: block;
  font-size: 12px;
  margin: 4px 0;
}

/* Dernier message */
.m-cate .m-forum-content .m-last-post{
  flex: 0 0 150px;
  font-size: 12px;
  position: relative;
}

.m-cate .m-forum-content .m-last-post .m-avatar-last{
  align-items: center;
  border-radius: 50px;
  bottom: 20px;
  display: flex;
  height: 40px;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  right: -5px;
  width: 40px;
}

.m-cate .m-forum-content .m-last-post .m-avatar-last img{
  max-height: 40px;
  height: auto;
  width: auto;
}

.m-cate .m-forum-content .m-last-post .m-stats{
  bottom: 0;
  color: #ad7c73;
  font-size: 10px;
  left: 10px;
  position: absolute;
}

/*_____ MESSAGES _____*/
.m-posteur{
  background: #4d2803 !important;
  color: #fff;
}

.m-posteur.browse-arrows{
  border-bottom: 1px solid #e6e0d8 !important;
}

/*** --- Pseudo --- ***/
.m-posteur .m-pseudo-posteur{
    box-sizing: border-box;
    font: normal 36px/1 'Niconne', cursive;
    margin: 10px auto 0;
    padding: 10px 10px 0;
    text-align: center;
    width: 80%; 
}

.m-posteur .m-pseudo-posteur a{
  text-decoration: none;
}

/*** --- Rang --- ***/
.m-posteur .m-rang-posteur{
  color: #fff; /* Couleur du rang */
  font: normal 18px/1 'Niconne', cursive;
  font-style: italic;
  text-align: center;
}

.m-posteur .m-rang-posteur img{
  display: block;
  margin: 5px auto;
}

/*** --- Avatar --- ***/
.m-posteur .m-avatar-posteur{
  height: 320px; /* Hauteur de l'avatar */
  margin: 5px auto;
  position: relative;
  overflow: hidden;
  width: 200px; /* Largeur de l'avatar */
}

.m-posteur .m-avatar-posteur .postprofile-avatar img{
  border: 0;
  height: 320px; /* Hauteur de l'avatar */
  width: 200px; /* Largeur de l'avatar */
}

/*** --- Bloc informations --- ***/
.m-posteur .m-avatar-posteur  .m-infos-posteur{
  background: rgba(255, 255, 255, 0.8); /* Couleur de fond du bloc au survol de l'avatar en opacité à 80% */
  bottom: -100%;
  box-sizing: border-box;
  cursor: pointer;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 100%;
  transition: all linear 1s;
}

.m-posteur .m-avatar-posteur:hover .m-infos-posteur{
  bottom: 0;
  top: 0;
  transition: all linear 1s;
}

.m-posteur .m-avatar-posteur .m-infos-posteur:hover{
  bottom: 0;
  top: 0;
}

/*** Champs du profil ***/
.m-posteur .m-avatar-posteur .m-infos-posteur .m-champ-profil{
  font-size: .7rem; /* Taille des textes des champs du profil au survol de l'avatar */
  margin: 5px auto;
  width: 90%;
}

.m-posteur .m-avatar-posteur .m-infos-posteur .m-champ-profil .label{
  border-left: 2px solid #ad7c73; /* Bordure à gauche des champs du profil */
  display:  block;
  font-size: 0;
  font-weight: bold;
  margin-bottom: 2px;
  padding-left: 4px; /* Espace entre la bordure et le texte */
}

.m-posteur .m-avatar-posteur .m-infos-posteur .m-champ-profil .label > span{
  font-size: .8rem; /* Taille des intitulés des champs du profil */
}

.m-posteur .m-avatar-posteur .m-infos-posteur .m-champ-profil,
.m-posteur .m-avatar-posteur .m-infos-posteur .m-champ-profil .label > span{
  color: #000 !important; /* Couleur de texte des champs du profil */
}

.m-posteur .m-avatar-posteur .m-infos-posteur .m-champ-profil hr{
    border: 0 none #000;
    border-top: 1px solid #000; /* Couleur des barres de séparation horizontale des champs de profil */
    margin: 10px 0;
}

/*** --- Boutons contact --- ***/
.m-posteur .m-contact-posteur{
  text-align: center;
}

/*_____ TAG MODERATION _____*/
.m-tag-modo{
  background: #fff;
  margin: 10px auto;
  padding:  10px;
  position: relative;
}

.m-tag-modo .m-tag-wrapper{
  background: #e0d1ce;
  border-radius: 10px;
  box-sizing: border-box;
  margin: auto;
  padding: 10px;
  width: 90%;
}

.m-tag-modo .m-tag-titre{
  font: normal 36px/1 'Engagement', cursive;
  text-align: center;
}

.m-tag-modo .m-tag-wrapper .m-tag-content{
  align-items: center;
  color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center; 
  min-height: 150px;
  padding: 0 0 30px 120px;
  position: relative;
}

.m-tag-modo .m-tag-maj{
  bottom: 0;
  position: absolute;
}


.m-tag-modo .m-tag-credits{
  bottom: -4px;
  font-size:  10px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.m-tag-modo .m-tag-credits a{
  color: #000 !important;
  text-decoration: none;
}

/*** Validation & actualisation ***/
.m-tag-modo.valid .m-tag-titre,
.m-tag-modo.valid .m-tag-maj,
.m-tag-modo.actu .m-tag-titre,
.m-tag-modo.actu .m-tag-maj{
  color: #3da036;
}

/* Validation */
.m-tag-modo.valid .m-tag-wrapper .m-tag-content{
  background: #e0d1ce url('https://i.servimg.com/u/f71/20/05/19/39/valida10.png') no-repeat 0 center;
}

/* Actualisation */
.m-tag-modo.actu .m-tag-wrapper .m-tag-content{
  background: #e0d1ce url('https://i.servimg.com/u/f71/20/05/19/39/actu10.png') no-repeat 0 center;
}

/*** Relance ***/
.m-tag-modo.relance .m-tag-titre,
.m-tag-modo.relance .m-tag-maj{
  color: #f5730a;
}

.m-tag-modo.relance .m-tag-wrapper .m-tag-content{
  background: #e0d1ce url('https://i.servimg.com/u/f71/20/05/19/39/relanc10.png') no-repeat 0 center;
}

/*** Archives ***/
.m-tag-modo.archives .m-tag-titre,
.m-tag-modo.archives .m-tag-maj{
  color: #d90202;
}

.m-tag-modo.archives .m-tag-wrapper .m-tag-content{
  background: #e0d1ce url('https://i.servimg.com/u/f71/20/05/19/39/archiv10.png') no-repeat 0 center;
}


Code:

<div class="m-pa">
    <div class="m-pa-titre">
      Bienvenue sur Relax Pub
    </div>
    <div class="m-pa-content">
      <div class="m-d-flex">
        <div class="m-pa-blk">
          <div class="m-pa-titre-blk">Description du forum</div>
          <div class="m-pa-wrapper-blk">
            <div class="m-pa-content-blk">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid commodi, incidunt labore architecto repellat, provident quaerat aliquam officiis officia magni accusantium. Velit nobis aspernatur eum, nesciunt doloremque minima suscipit, sapiente!</div>
          </div> 
        </div>
        <div class="m-pa-blk" id="m-pa-blk-liens-utiles">
          <div class="m-pa-titre-blk">Liens utiles</div>
          <div class="m-pa-wrapper-blk">
            <div class="m-pa-content-blk">
              <ul>
                <li><a href="#">Lien 1</a></li>
                <li><a href="#">Lien 2</a></li>
                <li><a href="#">Lien 3</a></li>
                <li><a href="#">Lien 4</a></li>
                <li><a href="#">Lien 5</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="m-pa-blk" id="m-pa-blk-news">
          <div class="m-pa-titre-blk">News</div>
          <div class="m-pa-wrapper-blk">
            <div class="m-pa-content-blk">
              <ul>
                <li><span class="m-pa-date">XX/XX/2019</span> - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet praesentium non, quos?</li>
                <li><span class="m-pa-date">XX/XX/2019</span> - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet praesentium non, quos?</li>
                <li><span class="m-pa-date">XX/XX/2019</span> - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet praesentium non, quos?</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="m-pa-blk" id="m-pa-blk-staff">
          <div class="m-pa-titre-blk">Staff</div>
          <div class="m-pa-wrapper-blk">
            <div class="m-pa-content-blk m-d-flex">
              <!-- Un membre du staff -->
              <div class="m-pa-staff">
                <img src="https://zupimages.net/up/19/44/64ya.png" alt="avatar de pseudo">
                <div class="m-pa-infos-staff m-d-none">
                  <p class="m-pa-pseudo">
                    Pseudo
                  </p>
                  <p class="m-pa-rang">
                    Rang
                  </p>
                  <p class="m-pa-link">
                    <a href="#">MP</a>
                  </p>
                </div>
              </div>
              <!-- Un membre du staff -->
              <div class="m-pa-staff">
                <img src="https://zupimages.net/up/19/44/64ya.png" alt="avatar de pseudo">
                <div class="m-pa-infos-staff m-d-none">
                  <p class="m-pa-pseudo">
                    Pseudo
                  </p>
                  <p class="m-pa-rang">
                    Rang
                  </p>
                  <p class="m-pa-link">
                    <a href="#">MP</a>
                  </p>
                </div>
              </div>
              <!-- Un membre du staff -->
              <div class="m-pa-staff">
                <img src="https://zupimages.net/up/19/44/64ya.png" alt="avatar de pseudo">
                <div class="m-pa-infos-staff m-d-none">
                  <p class="m-pa-pseudo">
                    Pseudo
                  </p>
                  <p class="m-pa-rang">
                    Rang
                  </p>
                  <p class="m-pa-link">
                    <a href="#">MP</a>
                  </p>
                </div>
              </div>
              <!-- Un membre du staff -->
              <div class="m-pa-staff">
                <img src="https://zupimages.net/up/19/44/64ya.png" alt="avatar de pseudo">
                <div class="m-pa-infos-staff m-d-none">
                  <p class="m-pa-pseudo">
                    Pseudo
                  </p>
                  <p class="m-pa-rang">
                    Rang
                  </p>
                  <p class="m-pa-link">
                    <a href="#">MP</a>
                  </p>
                </div>
              </div>
              <!-- Un membre du staff -->
              <div class="m-pa-staff">
                <img src="https://zupimages.net/up/19/44/64ya.png" alt="avatar de pseudo">
                <div class="m-pa-infos-staff m-d-none">
                  <p class="m-pa-pseudo">
                    Pseudo
                  </p>
                  <p class="m-pa-rang">
                    Rang
                  </p>
                  <p class="m-pa-link">
                    <a href="#">MP</a>
                  </p>
                </div>
              </div>
              <!-- Un membre du staff -->
              <div class="m-pa-staff">
                <img src="https://zupimages.net/up/19/44/64ya.png" alt="avatar de pseudo">
                <div class="m-pa-infos-staff m-d-none">
                  <p class="m-pa-pseudo">
                    Pseudo
                  </p>
                  <p class="m-pa-rang">
                    Rang
                  </p>
                  <p class="m-pa-link">
                    <a href="#">MP</a>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="m-d-flex">
        <div class="m-pa-blk">
          <div class="m-pa-titre-blk">Nos Amis</div>
          <div class="m-pa-wrapper-blk">
            <div class="m-pa-content-blk m-pa-logos">
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
            </div>
          </div>
        </div>
        <div class="m-pa-blk">
          <div class="m-pa-titre-blk">Nos gagnants</div>
          <div class="m-pa-wrapper-blk m-pa-logos">
            <div class="m-pa-content-blk">
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
            </div>
          </div>
        </div>
        <div class="m-pa-blk" id="m-pa-blk-credits">
          <div class="m-pa-titre-blk">Crédits</div>
          <div class="m-pa-wrapper-blk">
            <div class="m-pa-content-blk">
              Design by Padsky
              <br />
              Codage by <a href="http://tambouille-raleuses.forumactif.com" target="_blank">Miettes</a>
            </div>
          </div>
        </div>
        <div class="m-pa-blk" id="m-pa-blk-mb-mois">
          <div class="m-pa-titre-blk">Membres du mois</div>
          <div class="m-pa-wrapper-blk">
            <div class="m-pa-content-blk m-d-flex">
              <figure>
                <img src="https://zupimages.net/up/19/44/64ya.png" alt="avatar de pseudo">
              </figure>
              <div>
                Pseudo
                <br />
                <a href="http://tambouille-raleuses.forumactif.com" target="_blank" title="La Tambouille des Râleuses - Entraide, tutoriels, conseils, astuces & formations."><img src="http://pvereecken.fr/tambouille/88x31-logo.png" alt="Logo 88x31 - La Tambouille des Râleuses" /></a>
              </div>
            </div>
          </div>
        </div>
      </div>     
    </div>
  </div>

2 javascripts à créer ici (à afficher sur toutes les pages)

• [All] QEEL (phpbb2)

Code:

"use strict";
var fa_extraction_qeel = {
    "A_marqueur": "$",
    "D_delim": "@",
    "F_delim": "@",
    "version": "1.2",
    "MAJ_script": "05-04-2015",
    "regexp": {
        "messages": /un total de\D+(\d+)\D+messages/i,
        "membres_enregistres": /nous avons\D+(\d+)\D+membre/i,
        "dernier_membre": /plus récent est.*?(<a.+?\/u\d+.+?<\/a>)/i,
        "connectes_forum": /Il y a en tout\D+(\d+)\D+utilisateur/i,
        "enregistres": /::\s*(\d+)/i,
        "invisibles": /::\s*\d+\D+(\d+)/i,
        "invites": /::\s*\d+\D+\d+\D+(\d+)/i,
        "record_connectes": /Le record.*?(\d+)/i,
        "date_record_connectes": /record.*le\s+(\D+\d{1,2}\D+[^:]+\d{1,2}:\d{2})/i,
        "connectes_chatbox": /(\d+)\D+utilisateur\(s\)/i,
        "groupes": /(<b><a.+?\/g\d+.+?<\/b>)/gi,
        "membres_chatbox": /chatbox.+?\[/i,
        "membres_connectes": /utilisateurs enregistrés.+?membre/i,
        "derniers_membres_connectes": /dernières heures.+?membre/i,
        "membres_anniversaire_aujourdhui": /anniversaire aujourd[\s\S]+?anniversaire/i,
        "membres_anniversaire_prochains_jours": /prochains jours[\s\S]+(légende|statistiques)/i
    },
    "vars": {},
    "extraction": function() {
        var qc = document.getElementById("mon-qeel").innerHTML;
        var agreg = function(i, a) {
            var b;
            var c;
            var r = [];
            switch (i) {
                case "membres_chatbox":
                case "membres_connectes":
                case "derniers_membres_connectes":
                    c = a.exec(qc);
                    a = /(<a.+?\/u\d+.+?<\/a>)/gi;
                    while ((b = a.exec(c)) != null) {
                        r.push(b && b[1])
                    }
                    return r;
                case "membres_anniversaire_aujourdhui":
                case "membres_anniversaire_prochains_jours":
                    c = a.exec(qc);
                    a = /(<a.+?\/u\d+.+?<\/a>.+?\))/gi;
                    while ((b = a.exec(c)) != null) {
                        r.push(b && b[1])
                    }
                    return r;
                default:
                    if (!a.global) {
                        b = a.exec(qc);
                        return b && b[1]
                    }
                    while ((b = a.exec(qc)) != null) {
                        r.push(b && b[1])
                    }
                    return r
            }
        };
        for (var a in this.regexp) {
            this.vars[a] = agreg(a, this.regexp[a])
        }
        return this.vars
    },
    "formater": function(texte) {
        this.extraction();
        var D = this.D_delim;
        var F = this.F_delim;
        var A = this.A_marqueur;
        var t = texte;
        var vars = this.vars;
        var i, reg, bouclage;
        var r = [];
        var exp = function(a, b, c) {
            if (a == null) return c;
            if (a instanceof Array) {
                return a.length > 0 ? b : c
            }
            return (a > 0) ? b : c
        };
        for (i in this.regexp) {
            r.push(i)
        }
        bouclage = new RegExp(D + '(' + r.join("|") + ').*' + F, "g");
        while (bouclage.test(t)) {
            for (var a in vars) {
                t = t.replace(new RegExp(D + a + F, "g"), vars[a])
            }
            for (var a in vars) {
                t = t.replace(new RegExp(D + "nombre_" + a + F, "g"), (vars[a] instanceof Array) ? vars[a].length : vars[a])
            }
            for (var a in vars) {
                t = t.replace(new RegExp(D + a + '[' + A + ']' + "(.*?)" + F, "g"), (vars[a] instanceof Array) ? vars[a].join("$1") : vars[a])
            }
            for (var a in vars) {
                t = t.replace(new RegExp(D + a + '=([^' + A + ']*?)[' + A + ']([^' + A + ']*?)' + F, "g"), (vars[a] instanceof Array) ? vars[a].length > 1 ? "$2" : "$1" : vars[a] > 1 ? "$2" : "$1")
            }
            for (var a in vars) {
                t = t.replace(new RegExp("(?:" + D + "){2}" + a + "[?]([^" + A + "]*?)[" + A + "](.*?)(?:" + F + "){2}", "g"), exp(vars[a], "$1", "$2"))
            }
        }
        return t
    }
};
jQuery(function() {
    var feq = fa_extraction_qeel;
    $(".feq").each(function() {
        $(this).html(feq.formater($(this).html()))
    })
});

• [All] Divers

Code:

$(document).ready(function (){

  // PA
  $('#m-wrapper-pa').load('/h1-pa');
  $('.m-pa .m-pa-staff .m-pa-infos-staff').removeClass('m-d-none');

  // Afficher / Cacher "s" pour les stats
  setTimeout( function(){
    $( ".m-stats .m-nb" ).each(function( index ) {
      var infos_stat = $(this).text();

      if( infos_stat * 1 <= 1){
        $(this).parents('.m-stats').find('.m-pluriel').addClass('m-d-none');
      }
    });
  }, 400);

});

N'oublie pas de changer cette ligne :

Code:

$('#m-wrapper-pa').load('/h1-pa');

en remplaçant /h1-pa par le lien de la page HTML de ta PA


• Validation

Code:


<div class="m-tag-modo valid"><!--
  --><div class="m-tag-wrapper"><!--
    --><div class="m-tag-titre">Validation</div><!--
    --><div class="m-tag-content">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque magnam maiores sed molestias possimus, quis at obcaecati illum? Itaque dolore eveniet velit, non iste voluptatibus esse optio recusandae provident nam!

      <div class="m-tag-maj">Prochaine actu le : XX/XX/2019</div><!--
    --></div><!--
  --></div><!--
  --><div class="m-tag-credits">Mise en page par ©<a href="http://tambouille-raleuses.forumactif.com/u1" target="_blank">Miettes</a></div><!--
--></div>


• Actualisation

Code:


<div class="m-tag-modo actu"><!--
  --><div class="m-tag-wrapper"><!--
    --><div class="m-tag-titre">Actualisation</div><!--
    --><div class="m-tag-content">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque magnam maiores sed molestias possimus, quis at obcaecati illum? Itaque dolore eveniet velit, non iste voluptatibus esse optio recusandae provident nam!

      <div class="m-tag-maj">Prochaine actu le : XX/XX/2019</div><!--
    --></div><!--
  --></div><!--
  --><div class="m-tag-credits">Mise en page par ©<a href="http://tambouille-raleuses.forumactif.com/u1" target="_blank">Miettes</a></div><!--
--></div>


• Relance

Code:


<div class="m-tag-modo relance"><!--
  --><div class="m-tag-wrapper"><!--
    --><div class="m-tag-titre">Relance</div><!--
    --><div class="m-tag-content">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque magnam maiores sed molestias possimus, quis at obcaecati illum? Itaque dolore eveniet velit, non iste voluptatibus esse optio recusandae provident nam!

      <div class="m-tag-maj">Prochaine actu le : XX/XX/2019</div><!--
    --></div><!--
  --></div><!--
  --><div class="m-tag-credits">Mise en page par ©<a href="http://tambouille-raleuses.forumactif.com/u1" target="_blank">Miettes</a></div><!--
--></div>


• Archives

Code:


<div class="m-tag-modo archives"><!--
  --><div class="m-tag-wrapper"><!--
    --><div class="m-tag-titre">Archives</div><!--
    --><div class="m-tag-content">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque magnam maiores sed molestias possimus, quis at obcaecati illum? Itaque dolore eveniet velit, non iste voluptatibus esse optio recusandae provident nam!

      <div class="m-tag-maj">Prochaine actu le : XX/XX/2019</div><!--
    --></div><!--
  --></div><!--
  --><div class="m-tag-credits">Mise en page par ©<a href="http://tambouille-raleuses.forumactif.com/u1" target="_blank">Miettes</a></div><!--
--></div>


C'est fini

J'ai tout merci ! ^^

Je laisse ici pour régler les détails liés à l'installation ? Comme avec Séries Pub ?

J'ai juste un soucis avec les affichages de bannières, je vais mettre des logos à la place ! ^^
Et dans le qeel, il y a cette phrase : Le client dernièrement arrivé est Pseudo.

Coucou

Oh j'ai oublié de remplacer cette variable on dirait...

Du coup, remplace le template "index_body" par celui-ci :

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

<!-- PA -->
<div id="m-wrapper-pa"></div>

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

            <!-- 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" class="m-d-none">
  <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>

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

            <!-- 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 -->
<table class="forumline m-d-none" id="mon-qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <td class="catHead" colspan="2" height="28">
    <!-- BEGIN switch_viewonline_link -->
    <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
    <!-- END switch_viewonline_link -->

    <!-- BEGIN switch_viewonline_nolink -->
    <span class="cattitle">{L_WHO_IS_ONLINE}</span>
    <!-- END switch_viewonline_nolink -->
    </td>
  </tr>
  <tr>
    <td class="row1" rowspan="6" 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">{TOTAL_POSTS}<br />
    {TOTAL_USERS}<br />
    {NEWEST_USER}</span></td>
  </tr>
  <tr>
    <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
    {RECORD_USERS}<br />
    <br />
    {LOGGED_IN_USER_LIST}</span></td>
  </tr>
  {L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}
  <tr>
    <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
    <td class="row1">
      <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
        <!-- BEGIN switch_chatbox_popup -->
        <div id="chatbox_popup"></div>
        <script type="text/javascript">
        //<![CDATA[
        insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
        //]]>
        </script>
        <!-- END switch_chatbox_popup -->
      </span>
    </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

  <div class="m-qeel feq">
    <div class="m-qeel-titre">
      Qui se relaxe ?
    </div>
    <div class="m-qeel-content">
      <div class="m-qeel-groupe">
        @groupes$ - @
      </div>
      <div class="m-d-flex">
        <div class="m-qeel-blk">
          <p>Nous avons actuellement <strong>@membres_enregistres@ clients</strong> enregistrés.<br />
          Nos clients ont utilisé un total de <strong>@messages@ heures de repos</strong>.</p>
          <p>Le client dernièrement arrivé est <strong>@dernier_membre@</strong>.</p>
        </div>
        <div class="m-qeel-blk">
          <p>Il y a @@connectes_forum?@connectes_forum=<strong>@connectes_forum$&@ client en salle de soin</strong>$<strong>@connectes_forum@ clients en salle de soin@</strong>$personne en salle de soin.@@ : @@enregistres?@enregistres=@enregistres$&@ client$@enregistres@ clients@$0 membre enregistré@@,  @@invisibles?@invisibles=@invisibles$&@ client mystère$@invisibles@ clients mystères@$0 client mystère@@ et @@invites?@invites=@invites$&@ visiteur$@invites@ visiteurs@$0 visiteur@@.</p>

          <p class="m-stats">
                <span class="m-nb m-d-none">@enregistres@</span>
                @@membres_connectes?Client<span class="m-pluriel">s</span> présent<span class="m-pluriel">s</span> : @membres_connectes$, @ .$Aucun client n'est présent.@@</p>

          <p>@@derniers_membres_connectes?Clients présents ces 24 dernières heures :@derniers_membres_connectes$, @$Aucun client n'est passé ces 24 dernières heures.@@</p>
        </div>
      </div>
      <div class="m-qeel-blk">
        <p>@@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=<span>Ce client fête son anniversaire aujourd'hui :</span> @membres_anniversaire_aujourdhui$&@$<span>Ces clients fêtent leur anniversaire aujourd'hui :</span> @membres_anniversaire_aujourdhui$, @@$<span>Aucun client ne fête son anniversaire aujourd'hui.</span> @@ @@membres_anniversaire_prochains_jours?@membres_anniversaire_prochains_jours=<span>Ce client fête son anniversaire dans les prochains jours</span> @membres_anniversaire_prochains_jours$&@$<span>Ces clients fêtent leur anniversaire dans les prochains jours</span> @membres_anniversaire_prochains_jours$, @@$<span>Aucun client ne fête son anniversaire dans les prochains jours</span> @@.</p>
      </div>
    </div>
  </div>


{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
    <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NEW_POSTS}</span></td>
    <td></td>
    <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
    <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
    <td> &nbsp;</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}

désolée d'avoir zappé ça

Coucou,

C'est bon, merci !

Hello

Du coup, tout est bon ; on peut classer ? ^^

Oui oui tout est bon ! Merci encore !

Super

alors zoup, aux archives ^^