[Commande codage] Des catégories pour Séries Pub

Oki ça marche !
J'aurais une autre commande après pour un autre forum de pub ! ^^

ça marche

je te propose qu'on finalise à fond celle-ci avant d’enchaîner l'autre ^^ Comme ça on peut se concentrer sur un problème à la fois :p

Oki ça marche ! ^^
Les images sont installés, je m'occupe des couleurs ! ^^

d'accord =)

bon courage ^^

Et si tout est bon, je te filerai les templates :p

Ok je vérifie la CSS pour les couleurs et c'est bon ! ^^

Edit : Il n'y a qu'une couleur que je ne trouve pas où on la change ! ^^
C'est le titre du sujet regarde ce qui est en gris : (je voudrais ça à la place si possible : #94564B)

Coucou

Pour ces fonds là, j'ai ajouté ça dans la CSS :

Code:

td.cat,
td.catBottom,
td.catHead,
td.catLeft,
td.catRight,
 td.catSides{
  background-image: none !important;
}

je te laisse faire le tour et me dire si d'autres choses sont à revoir ?

C'est tout bon !

Super

Du coup, on y va pour les élements ^^

> la feuille de style CSS, tu peux la récupérer directement sur le forum, mais au pire je te la remets ici :

Code:

body {
   background-image: url("https://zupimages.net/up/19/44/qjsn.png");
        background-color: #ffffff;
        background-position: top center;
   background-attachment: scroll;
        background-repeat: no-repeat;
   }

td.cat,
td.catBottom,
td.catHead,
td.catLeft,
td.catRight,
td.catSides{
  background-image: none !important;
}

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

.m-hide{
  display:  none;
}

/*_____ BARRE DE NAVIGATION _____*/
.m-barre-nav{
  background: #94574c;
  padding: 10px 0;
  width: 100%;
}

.m-barre-nav a.mainmenu{
  color: #fff;
  font: bold 14px/1 Arial;
  padding: 10px;
}

.m-barre-nav a.mainmenu img{
  display: none;
}

.m-barre-nav a.mainmenu:hover{
  background: rgba(255,255,255, .6);
    color: #94574c;
}

/*_____ PA _____*/
.m-pa{
  background: #fff;
  color: #000;
  font: normal 14px/1 Arial;
  margin:  0 0 20px;
  width: 100%;
}

/*** --- Titre Générale --- ***/
.m-pa .m-titre-pa{
  background: #94574c;
  margin-bottom: 10px;
  padding:  5px 0;
  text-align: center;
}

.m-pa .m-titre-pa h2{
  color: #fff;
  font: bold 20px/1 Arial;
}

/*** --- Liste liens --- ***/
.m-pa .m-liste-liens ul{
  display: flex;
  flex-wrap: nowrap;
  font: normal 14px/1 Arial;
  justify-content: center;
  list-style: none;
  margin: 4px 0;
  padding: 0;
}

.m-pa .m-liste-liens ul li:before{
  content: "-";
  display: inline-block;
  margin: 0 4px;
}

.m-pa .m-liste-liens ul li:first-child:before{
  display: none;
}

.m-pa .m-liste-liens a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.m-pa .m-liste-liens a:hover{
  text-decoration: underline;
}

/*** --- Lignes --- ***/

/*** Lignes 1 ***/
.m-pa .m-ligne1{
  align-items: stretch;
  display: flex;
  justify-content: space-between;
}

/* Colonne */
.m-pa .m-ligne1 .m-col1,
.m-pa .m-ligne1 .m-col2,
.m-pa .m-ligne1 .m-col3{
  background: #C98163;
  flex: 0 0 32%;
}

/* News */
.m-pa .m-ligne1 .m-col2 ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.m-pa .m-ligne1 .m-col2 ul > li{
  margin-bottom: 4px;
}

.m-pa .m-ligne1 .m-col2 ul li > span:first-child{
  color: #fff;
  font-weight: bold;
}

.m-pa .m-ligne1 .m-col2 ul li a{
  color: #fff;
  text-decoration: none;
}

.m-pa .m-ligne1 .m-col2 ul li a:hover{
  text-decoration: underline;
}

/* Staff */
.m-pa .m-ligne1 .m-col3 .m-staff{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.m-pa .m-ligne1 .m-col3 .m-staff > span{
  cursor: pointer;
  flex: 0 0 32%;
  margin: 2px 0;
  overflow: hidden;
  position: relative;
}

.m-pa .m-ligne1 .m-col3 .m-staff > span .info-staff{
  align-items: center;
  background: #ca8162;
  bottom: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: -100%;
  transition: all 1s linear;
}

.m-pa .m-ligne1 .m-col3 .m-staff > span:hover .info-staff{
  bottom: 0;
  top: 0;
  transition: all 1s linear;
}

.m-pa .m-ligne1 .m-col3 .m-staff > span .info-staff:hover{
  bottom: 0;
  top: 0;
}

.m-pa .m-ligne1 .m-col3 .m-staff > span .info-staff strong{
  display: block;
  margin-bottom: 4px;
}

.m-pa .m-ligne1 .m-col3 .m-staff > span .info-staff a{
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}

.m-pa .m-ligne1 .m-col3 .m-staff > span .info-staff a:hover{
  text-decoration: underline;
}

.m-pa .m-ligne1 .m-col3 .m-staff img{
  display: block;
  height: auto;
  width: 100%;
}

/* Crédit */
.m-pa .m-ligne1 .m-col3 .credits{
  font: normal 12px/1 Arial;
}

.m-pa .m-ligne1 .m-col3 .credits a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.m-pa .m-ligne1 .m-col3 .credits a:hover{
  text-decoration: underline;
}


/*** Lignes 2 & 3 ***/
.m-pa .m-ligne2,
.m-pa .m-ligne3{
  background: #C98163;
  width: 100%;
}

/**** Titres ***/
.m-pa h3{
  background: #fff;
  color: #000;
  font-size: 16px;
  margin: 0;
  text-align: center;
  padding: 5px 0;
}

/*** Bloc de contenu ***/
.m-pa .m-blk{
  box-sizing: border-box;
  min-height: 50px;
  padding: 10px;
}


/*_____ CATEGORIE _____*/

.m-cate{
  background: #ffffff,;
  margin: 5px 0 10px;
  width:  100%;
}

/*** Titre catégorie ***/
.m-cate .m-titre-cate{
  background: #94574c;
  margin-bottom: 10px;
  padding:  5px 0;
  text-align: center;
}

.m-cate .m-titre-cate h2{
  color: #fff;
  font: bold 20px/1 Arial;
}

/*** --- Forums --- ***/
.m-cate .m-list-forums{
  background: #ca8162;
  padding: 10px;
}

.m-cate .m-forum{
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  width:  100%;
}

/*** Colonne 1 ***/
.m-cate .m-forum .m-col1{
  flex: 1 1 auto;
}

/* Titre du forum */
.m-cate .m-forum .m-col1 h3{
  font-size: 16px;
  padding-left: 30px;
}

.m-cate .m-forum .m-col1 h3 a{
  color: #fff;
  text-decoration: none;
}

/* Description */
.m-cate .m-forum .m-col1 .m-description{
  background: #ffffff;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  height: 80px;
  margin:  0;
  overflow: hidden;
  padding:  10px;
}

/* Sous-forums */
.m-cate .m-forum .m-col1 .m-sous-forum{
  background: #ad7c73;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding:  10px;
}

.m-cate .m-forum .m-col1 .m-sous-forum a{
  display: inline-block;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}

/*** Colonne 2 ***/
.m-cate .m-forum .m-col2{
  flex: 0 0 100px;
  text-align: center;
}

/*** Colonne 3 ***/
.m-cate .m-forum .m-col3{
  align-items: center;
  display: flex;
  flex: 0 0 200px;
}

/* Avatar */
.m-cate .m-forum .m-col3 .m-avatar-last{
  flex: 0 0 50px;
}

.m-cate .m-forum .m-col3 .m-avatar-last img{
  border-radius: 0;
  display: block;
  height: auto;
  width:  100%;
}

/* Dernier message */
.m-cate .m-forum .m-col3 .m-last-post{
  background: #ffffff;
  box-sizing: border-box;
  color: #000;
  font-size: 12px;
  flex: 1 1 auto;
  margin:  0;
  padding: 5px 2px;
  text-align: center;
}

.m-cate .m-forum .m-col3 .m-last-post > span > a:first-child{
  display: block;
}

.m-cate .m-forum .m-col3 .m-last-post > span > a:first-child + br{
  display: none;
}

.m-cate .m-forum .m-col3 .m-last-post a{
  color: #ad7c73;
  text-decoration: none;
}

/*_____ QEEL _____*/

.m-qeel{
  background: #fff;
  margin: 10px 0;
  width: 100%;
}

.m-qeel .m-content-qeel{
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto;
  width:  100%;
}

.m-qeel p,
.m-qeel .m-content-qeel .m-col1 .m-ligne1 .m-groupes .gensmall{
  font:  normal 14px/1 Arial;
}

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

/*** Titre ***/
.m-qeel h2{
  background: #fff;
  color: #000;
  font-size: 16px;
  margin: 0;
  text-align: center;
  padding: 5px 0;
}

/*** --- Colonne de gauche --- ***/
.m-qeel .m-content-qeel .m-col1{
  flex: 1 1 auto;
}

.m-qeel .m-content-qeel .m-col1 .m-ligne1{
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 auto 5px 0;
  width:  98%;
}

.m-qeel .m-content-qeel .m-col1 .m-ligne2{
  margin: 5px auto 5px 0;
  width:  98%;
}

/*** Stats ***/
.m-qeel .m-content-qeel .m-col1 .m-ligne1 .m-stats{
  margin-right: 5px;
  flex:  1 1 auto;
}

/*** Groupes ***/
.m-qeel .m-content-qeel .m-col1 .m-ligne1 .m-groupes{
  flex:  0 0 20%;
  text-align: center;
}

.m-qeel .m-content-qeel .m-col1 .m-ligne1 .m-groupes ul{
  align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    list-style: none;
  margin: 0;
  padding: 0;
}

.m-qeel .m-content-qeel .m-col1 .m-ligne1 .m-groupes a{
  font-weight: bold !important;
  text-decoration: none;
}

/*** Bloc de contenu ***/
.m-qeel .m-blk{
  background: #C98163;
  box-sizing: border-box;
  min-height: 50px;
  padding: 10px;
}

/*** --- Colonne de droite --- ***/
.m-qeel .m-content-qeel .m-col2{
  flex: 0 0 200px;
}

/*_____ MESSAGE _____*/
.m-blk-msg{
  background: #ca8162;
    margin: 10px 0;
  padding-bottom: 10px;
}

/*** --- Header --- ***/
.m-blk-msg .m-header-msg{
  background: #94574c;
  align-items: center;
  color: #fff !important;
    display: flex;
    justify-content: center;
    padding: 4px 15px;
}

/*** Colonne de gauche ***/
.m-blk-msg .m-header-msg .m-infos-posteur{
  flex: 1 1 auto;
}

/* Pseudo */
.m-blk-msg .m-header-msg .m-infos-posteur .m-pseudo-posteur{
  font: bold 28px/1 Arial;
  margin: 0;
}

.m-blk-msg .m-header-msg .m-infos-posteur .m-pseudo-posteur a,
.m-blk-msg .m-header-msg .m-infos-posteur .m-pseudo-posteur a span{
  color: #fff !important;
  text-decoration: none;
}

.m-blk-msg .m-header-msg .m-infos-posteur .m-pseudo-posteur a:hover{
  text-decoration: underline;
}

/* Rang */
.m-blk-msg .m-header-msg .m-infos-posteur .m-rang-posteur{
  font: italic 14px/1 Arial;
  margin: 0;
}

/* Colonne de droite */
.m-blk-msg .m-header-msg .m-infos-details-posteur{
  border-left: 1px solid #ca8162;
  box-sizing: border-box;
  flex: 0 0 300px;
  font: normal 12px/1 Arial;
  padding-left: 20px;
}

.m-blk-msg .m-header-msg .m-infos-details-posteur .label > span{
  color: #fff !important;
}

/*** --- Contenu du message --- ***/
.m-blk-msg .m-contenu-msg{
  align-items: flex-start;
    display: flex;
    justify-content: space-between;
  margin: 10px;
}

/*** Colonne de gauche ***/
.m-blk-msg .m-contenu-msg .m-avatar-liens{
  flex: 0 0 200px;
  margin-right: 20px;
  padding-top: 30px;
}

.m-blk-msg .m-contenu-msg .m-avatar-liens > a:first-child img{
  height: auto;
  max-height: 320px;
  max-width: 200px;
  width: auto;
}

.m-blk-msg .m-contenu-msg .m-avatar-liens > div{
  align-items: flex-start;
  color: #fff !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.m-blk-msg .m-contenu-msg .m-avatar-liens a{
  color: #fff;
  display: inline-block;
  margin: 0 4px;
  text-decoration: none;
}

.m-blk-msg .m-contenu-msg .m-avatar-liens a:hover{
  text-decoration: underline;
}

/*** Colonne de droite ***/
.m-blk-msg .m-contenu-msg .m-msg{
  flex: 1 1 auto;
}

/* Image en haut */
.m-blk-msg .m-contenu-msg .m-msg .m-ligne2 .m-img{
    text-align: right;
}

/* Message */
.m-blk-msg .m-contenu-msg .m-ligne3{
  background: #fff;
  font: normal 14px/1 #000;
  padding: 10px;
}

Code:

{JAVASCRIPT}

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

<!-- 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> </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 class="m-hide" 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>

<!-- 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 id="mon-qeel" class="forumline m-hide" 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="feq m-qeel">  
  <div class="m-titre">
    <h2>Qui est fan de série ?</h2>
  </div>
  <div class="m-content-qeel">
    <div class="m-col1">
      <div class="m-ligne1">
        <div class="m-blk m-stats">
          <p>Il y a <strong>@membres_enregistres@ sérivores</strong> enregistrés qui ont déposés <strong>@messages@ messages</strong> dans <strong><span class="FORUMCOUNTOPIC"></span> annuaires</strong>. Notre dernier sérivore enregistré est @dernier_membre@.</p>
          <p>En ce moment, il y a @@connectes_forum?@connectes_forum=<strong>@connectes_forum$&@ personne</strong>$<strong>@connectes_forum@ personnes@</strong> parcourant le forum$Personne ne parcourt le forum@@ : <strong>@@enregistres?@enregistres=@enregistres$&@ Sérivore$@enregistres@ Sérivores@$0 membre enregistré@@</strong>, <strong>@@invites?@invites=@invites$&@ inconnu$@invites@ inconnus@$0 inconnu@@</strong> et <strong>@@invisibles?@invisibles=@invisibles$&@ disparu$@invisibles@ disparus@$0 disparu@@</strong>.</p>

          <p class="m-stats">
            <span class="m-nb m-hide">@enregistres@</span>
            @@membres_connectes?Sérivore<span class="m-pluriel">s</span> en ligne : @membres_connectes$, @ .$Aucun Sérivore n'est en ligne.@@</p>

           <p>@@derniers_membres_connectes?Ils sont passés regarder des séries :@derniers_membres_connectes$, @$Personne n'a regardé de séries.@@</p>
        </div>
        <div class="m-blk m-groupes">
          <ul>
            <li>
              @groupes$ </li> @
          </ul>
        </div>
      </div>
      <div class="m-blk m-ligne2">
        <p>@@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=<span>Ce Sérivore fête son anniversaire aujourd'hui :</span> @membres_anniversaire_aujourdhui$&@$<span>Ces Sérivores fêtent leur anniversaire aujourd'hui :</span> @membres_anniversaire_aujourdhui$, @@$<span>Aucun Sérivore ne fête son anniversaire aujourd'hui.</span> @@</p>
        <p>@@membres_anniversaire_prochains_jours?@membres_anniversaire_prochains_jours=<span>Ce Sérivore fête bientôt son anniversaire</span> @membres_anniversaire_prochains_jours$&@$<span>Ces Sérivores fêtent leur anniversaire</span> @membres_anniversaire_prochains_jours$, @@$<span>Il n'y a pas d'anniversaire prochainement.</span> @@</p>
      </div>
    </div>
    <div class="m-col2">
      <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" />
    </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}

Code:

<table class="m-hide" 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-list-forums">
  <!-- END tablehead -->
  <!-- BEGIN cathead --><!-- END cathead -->
  <!-- BEGIN forumrow -->
        <div class="m-forum">
        <div class="m-col1">
          <h3><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h3>
          <div class="m-description">
            {catrow.forumrow.FORUM_DESC}
          </div>
          <div class="m-sous-forum">
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
          </div>
        </div>
        <div class="m-col2">
          <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </div>
        <div class="m-col3">
          <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-last-post">
            {catrow.forumrow.LAST_POST}
            <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>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
    </div>
  </div><!-- END tablefoot --><!-- END catrow -->

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

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

    <div class="m-barre-nav" align="{MENU_POSITION}">
      <div align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</div>
    </div>

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

    <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 />&nbsp; </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 -->

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

<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<div class="postdetails {postrow.hidden.ROW_CLASS}" align="center">{postrow.hidden.MESSAGE}</div>
<!-- END hidden -->
<!-- BEGIN displayed -->
<div class="m-blk-msg post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
  <div class="m-header-msg">
    <div class="m-infos-posteur">
      <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
      <p class="m-pseudo-posteur">
        {postrow.displayed.POSTER_NAME}
      </p>
      <p class="m-rang-posteur">
        {postrow.displayed.POSTER_RANK}
      </p>
    </div>
    <div class="m-infos-details-posteur">
      <!-- BEGIN profile_field -->
      <div>
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
          </div>
          <!-- END profile_field -->
    </div>
  </div>
  <div class="m-contenu-msg" postrow.displayed.THANK_BGCOLOR}>
    <div class="m-avatar-liens">
      {postrow.displayed.RANK_IMAGE}
      {postrow.displayed.POSTER_AVATAR}
      <div>
        {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>
      <div class="fiche-rpg">
        {postrow.displayed.POSTER_RPG}
      </div>
      <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
    </div>
    <div class="m-msg">
      <div class="m-ligne1">
        <div class="m-date"><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></div>
      </div>
      <div class="m-ligne2">
        <div class="m-img">
          {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}
        </div>
      </div>
      <div>
        <!-- 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>
      <div class="m-ligne3 postbody">
        {postrow.displayed.MESSAGE}
      </div>
      <!-- BEGIN switch_attachments -->
            <div 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>
              </div>
              <!-- END switch_attachments -->

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

          <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
    </div>
  </div>
</div>
<!-- BEGIN first_post_br -->
<!-- END first_post_br -->
<!-- END displayed -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<div class="m-blk-msg"><span class="genmed">{no_post.L_NO_POST}</span></div>
 <!-- END no_post -->

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <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>

A déposer sur une page html en mode avancé dans : PA > modules > HTML & Javascript > Gestion des pages HTML

Code:

<div class="m-pa">
    <div class="m-titre-pa">
      <h2>Bienvenue sur Série Pub</h2>
    </div>
    <div class="m-liste-liens">
      <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>
      </ul>
    </div>
   
    <div class="m-ligne1">
      <div class="m-col1">
        <h3>Description</h3>
        <div class="m-blk">
          <p>Séries Pub est un forum de publicité gratuit.</p>
        </div>
      </div>
      <div class="m-col2">
        <h3>News</h3>
        <div class="m-blk">
          <ul>
            <li><span>XX/XX/XXX</span> - News 1</li>
            <li><span>XX/XX/XXX</span> - Lorem ipsum dolor sit amet, <a href="#">consectetur adipisicing</a> elit. Officia nulla aut quisquam fugit laborum expedita debitis iure? Quo doloribus molestias, eum provident, distinctio praesentium officia, fuga neque accusantium nulla repellendus.</li>
          </ul>
        </div>
      </div>
      <div class="m-col3">
        <h3>Staff</h3>
        <div class="m-blk">
          <div class="m-staff">
            <span>
              <img src="https://zupimages.net/up/18/45/ffb1.png" alt="Staff 1">
              <span class="info-staff">
                <strong>Pseudo</strong>
                <a href="#">MP</a>
              </span>
            </span>
           
            <span>
              <img src="https://zupimages.net/up/18/45/ffb1.png" alt="Staff 2">
              <span class="info-staff">
                <strong>Pseudo</strong>
                <a href="#">MP</a>
              </span>
            </span>

            <span>
              <img src="https://zupimages.net/up/18/45/ffb1.png" alt="Staff 3">
              <span class="info-staff">
                <strong>Pseudo</strong>
                <a href="#">MP</a>
              </span>
            </span>

            <span>
              <img src="https://zupimages.net/up/18/45/ffb1.png" alt="Staff 4">
              <span class="info-staff">
                <strong>Pseudo</strong>
                <a href="#">MP</a>
              </span>
            </span>

            <span>
              <img src="https://zupimages.net/up/18/45/ffb1.png" alt="Staff 5">
              <span class="info-staff">
                <strong>Pseudo</strong>
                <a href="#">MP</a>
              </span>
            </span>

            <span>
              <img src="https://zupimages.net/up/18/45/ffb1.png" alt="Staff 6">
              <span class="info-staff">
                <strong>Pseudo</strong>
                <a href="#">MP</a>
              </span>
            </span>
          </div>
          <p class="credits">Crédits : Codage par <a href="http://tambouille-raleuses.forumactif.com">Miettes</a>, Design par <strong>Padsky</strong></p>
        </div>
      </div>
    </div>
    <div class="m-ligne2">
      <h3>Nos partenaires</h3>
      <div class="m-blk">
       
      </div>
    </div>
    <div class="m-ligne3">
      <h3>Nos gagnants</h3>
      <div class="m-blk">
       
      </div>
    </div>
  </div>

Créer un nouveau javascript à afficher sur toutes les pages dans : PA > modules > HTML & Javascript > Gestion des codes Javascript

Nom : [All] QEEL

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()))
    })
});

Créer un nouveau javascript à afficher sur toutes les pages dans : PA > modules > HTML & Javascript > Gestion des codes Javascript

Nom : [All] Divers

Code:

$(document).ready(function (){

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

  // 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-hide');
      }
    });
  }, 400);

});

Ici, il faut que tu remplaces /h1-pa par l'url de la page html de ta PA

---

De toute façon, je serai dans le coin quand tu le mettras sur ton forum

Merci beaucoup miss ! Je pense le mettre demain !

Coucou

Ok d'acc ^^ Je suis dans le coin du coup.

Je te propose de laisse ce sujet en place le temps de l'installation et si tout est bon, on pourra classer et passer à ton autre commande

Coucou,

Ok c'est partie alors ! ^^

Bon courage

Merki !
Il y a un soucis avec le QEEL !
Et comment je mets la PA après stp ?
Est-ce possible de fixer la barre de navigation aussi stp ?
Merci d'avance ! ^^

Tu as bien ajouté le js que je t'ai donné pour le QEEL ?

Pour la PA, c'est ici :
https://tambouille-raleuses.forumactif.com/t609p25-en-cours-miettes-des-categories-pour-series-pub#7135

Et pour la barre de nav, dans la CSS, remplace ça

Code:

.m-barre-nav {
    background: #94574c;
    padding: 10px 0;
    width: 100%;
}

par ça

Code:

.m-barre-nav {
    background: #94574c;
    padding: 10px 0;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

Je suis une nouille mdr ! J'avais oublié de cocher oui pour activer la gestion des JS !

C'est bon !
Pour la PA je voulais dire pour la faire apparaître, je fais comment ?

Dans ce js :

Code:

$(document).ready(function (){

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

  // 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-hide');
      }
    });
  }, 400);

});

il faut que tu changes le h1 ici

Code:

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

par celui de ta page html

(je file en pause dej, je serai de retour vers 14h)

C'est tout bon ! ^^
Merci !

Parfait !

On peut classer dans ce cas ?

Oui, c'est bon ! ^^

Alors zoup, aux archives ^^