Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Installation Messenger - Template modifié


2 participants

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

Mellou
Mellou
https://thesecretofhap.forumactif.com/

MessageMellou Jeu 28 Mai 2020 - 3:31

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonjoir à tous et à toutes,

Je suppose que ce soucis à déjà dû se poser, mais j'ai tenté d'installer le pluggin messenger sur mon forum
L'astuce est ici:
https://www.milouze14.com/t30651-toutes-versions-installer-messenger-forumactif-sur-votre-forum
il a fonctionné dans les premiers temps, puis j'ai modifié mon template index_box (et certains autres) ce qui a bien sûr causé une panne et voici depuis ce que ça donne. Les catégories n'apparaissent pas et cette vilaine roue de chargement me nargue en permanence
Spoiler:

J'ai cru comprendre que cette astuce ne fonctionnait que sur les template qui n'étaient pas modifiés de façon trop importante et viens donc solliciter votre aide si vous voulez bien.

Je vous mets donc mon template index_box (j'ignore s'il en faut d'autres, mais je les ajouterais sans soucis si besoin)
Code:
<div class="catLiens">
  <!-- BEGIN switch_user_logged_in -->
  <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW} - </a>
  <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF} - </a>
  <!-- END switch_user_logged_in -->
  <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</div>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="categorie">
 {catrow.tablehead.L_FORUM}
 <!-- END tablehead -->
 <!-- BEGIN forumrow -->
  <div class="catCentre">  <div class="inline catGauche">
     <a class="catTitreForum" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>    <br>   
          <div class="inline catLast">
                  <img class="newOldLock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br />
  {catrow.forumrow.LAST_POST}
          </div>
          <div class="inline catAvatar">
 <!-- BEGIN avatar -->
                  {catrow.forumrow.avatar.LAST_POST_AVATAR}
  <!-- END avatar -->
          </div>
  <div class="inline sousForums">{catrow.forumrow.LINKS}</div>
    <img src="https://i.servimg.com/u/f46/20/13/70/87/barre_11.gif" style="height: 10px; width: 370px;  overflow: hidden; margin-top: 5px; margin-bottom: -10px;"/>  </div>

    <div class="inline catDroite">
 <div class="catStats">{catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages</div>
    <div class="catDescrip">{catrow.forumrow.FORUM_DESC}</div>
        </div>
  
    
  </div>
 <!-- END forumrow -->
 <!-- BEGIN tablefoot -->
  
<br><br>
</div>
   
  <!-- END tablefoot --><!-- END catrow -->

et le CSS qui correspond 

Code:
.catLiens{   text-align:center; font-size: 9px; font-family: 'dosis'; margin-bottom: -5px; letter-spacing: 3px; }

/*influe sur toute la catégorie*/
.categorie{   width:770px;   margin:0 auto;  font-family:'Dosis';  font-size:12px; line-height: 12px;}

.inline{  display:inline-block;  vertical-align:top; }

.categorie h2{  margin:10px 0 0;  padding:10px 0;  box-sizing:border-box;
  background-image:url('https://i.servimg.com/u/f46/20/13/70/87/test_e11.gif');
  font-size:30px;  font-weight:normal;  text-align:center;  color: #523e32;  text-shadow: 0 0 3px #55493f;}

.catCentre{  padding:0 10px 10px 10px;  background:#FAF1EB;}

.categorie h2 + .catCentre{  padding-top:40px;}

.catGauche{margin-top: -15px;  width:380px;  background-color:#F1E6DE;  margin-right:5px; margin-bottom: 30px;
  padding:2px 5px 10px 5px;  box-sizing:border-box; }

.catTitreForum {  font-size:15px;  text-transform:lowercase;  letter-spacing:1px; font-family: 'Fredericka the Great';
  border-left: solid 0px; #000;
transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}

.catTitreForum:hover {  font-size:15px;  text-transform:lowercase;  letter-spacing:1px; font-family: 'Fredericka the Great';
  margin-left: 30px;  border-right: solid 0px; #000;   border-left: solid 0px; #000;
transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;  -webkit-transition: all 1s ease 0s; }

/*cadre gauche nouveau message*/
.catLast{  width:125px;  height:90px;  padding:5px;  box-sizing:border-box;  background-color:#E5D3C7;  text-align:center;
  line-height:13px;  overflow:auto; }

.catAvatar{  width:90px;  height:90px;  margin:0 5px;  overflow:hidden;  background-color:#E5D3C7; object-position: center;}

.catAvatar img{   width:100%;object-position: center; }

.sousForums{  width:145px;  height:90px;   background-color:#E5D3C7;  font-size:0;  overflow: auto; }

.sousForums a{  display:block;  background:#FAF1EB;  font-size:12px;  text-align:center;  margin-bottom:-8px;  text-transform: none;
transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.sousForums a:hover { background-color:#85B6BC;  color: #32575B; letter-spacing: 2px; text-transform: none;
  transition: all 1s ease 0s; -moz-transition: all 1s ease 0s;  -webkit-transition: all 1s ease 0s; }

.catDroite{margin-top: -20px;  width:365px;  padding:5px;  box-sizing:border-box;  }


/*message sujet*/
.catStats{ font-weight: bold; width: 355px; height: 15px; text-align: right;  color:#654f3f; background-color: #F1E6DE;
  font-size:9px; padding: 0px;  margin-bottom:13px; margin-top: -0px; margin-left: -0px;   text-transform:uppercase;
  letter-spacing:1px;    text-shadow: 0 0 3px #FFF;  }


.catDescrip{  height:100px;   background-color:#E5D3C7;  margin-top: -10px; margin-bottom: 0px;  padding: 5px; color: #3C1C27;  
  text-align:justify;  box-sizing:border-box; line-height: 11.5px; opacity: 0.9; }

.cadreliensup {position: relative; top: -5px;   margin-bottom: -9px;  font-family: 'Dosis' ; font size: 16px; font-weight: bold; 
 letter-spacing: 2px;}

.illudescri { width: 70px; height: 70px; float: right;  border-radius: 50%;   padding: px;  margin-left: -15px;   margin-top: 5px;
  transition: all 0.5s ease-out; overflow: hidden; }
.illudescri:hover {    transform: rotate(0.5turn);  }


.titredescri {font-family: 'Teko'; font size: 12px; line-height: 10px; font-weight: bold; text-transform: uppercase; 
  color: #BA686E; font-weight: 900; letter-spacing: 2px;}

.scrolldescri {width: 265px; height: 70px; margin-left: 0px; margin-right: -15px; margin-top: 2px; overflow: auto; padding: 3px;}

Je désespère un peu de réussir à le faire fonctionner et espère être éclairée de vos lumières. Merci d'avance pour votre aide :)


Dernière édition par Mellou le Sam 30 Mai 2020 - 20:09, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 28 Mai 2020 - 3:50

Hello Marilou,

merci pour le template, mais as tu aussi modifié le template topics_list_box:
Affichage/Templates/Général/topics_list_box

Et ainsi que le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body


Si oui, merci de me le ou les donner.
Mellou
Mellou
https://thesecretofhap.forumactif.com/

MessageMellou Jeu 28 Mai 2020 - 4:17

Oui pas de soucis :)
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
          <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"><div class="titrecatesujets">Les petits sujets</div></th>
          <th align="center" nowrap="nowrap" width="80"><div class="titrecatesujets">{topics_list_box.row.L_REPLIES} et {topics_list_box.row.L_VIEWS}</div</th>

            <th align="center" nowrap="nowrap" width="150"><div class="titrecatesujets">{topics_list_box.row.L_LASTPOST}</div></th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}     </b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="top" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="top" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle" style="position: relative; top:-1px;">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><br>
                                  <strong><span class="postepar">publié par</span> <span class="name">{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
            </h2>
         </div>

         <!-- BEGIN switch_description -->
         <div class="genmed" style="position: relative; top:-11px; font-family: Dosis; margin-bottom: -21px;
                        left: 43px; font-style: italic; font-size: 13px; width: 300px; line-height: 13px;
                            background-color: #F8F2F6;   font-variant-caps: small-caps; ">
                      
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </div>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

                  <td class="row2" align="center" valign="middle"><span class="postdetails"><div class="reponses">{topics_list_box.row.REPLIES}</div><br><div class="vues">{topics_list_box.row.VIEWS}</div></span></td>
   

      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar2">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

                  <span class="postdetails"><div class="dernier">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></span>
        </td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Edit : Et le viewbody

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" style="font-size: 12px;"> {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}
   
   <!-- 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}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"  id="{postrow.displayed.U_POST_ID}"></a>
                          <div class="pseudoprofile">  {postrow.displayed.POSTER_NAME}  </div></span><br>      <span class="postdetails poster-profile">
                  <br><div class="bidule"><div class="postprofile-avatar">
            {postrow.displayed.POSTER_AVATAR}</div>  <span class="bouh">
                      <div style="border: solid #FFF 1px; width: 140px; padding: 0px 0px 0px 35px; background-color: #FFF; margin-bottom: -13px;"> {postrow.displayed.PROFILE_IMG}</div> <br>
                      <div style="border: solid #FFF 1px; width: 140px; padding: 0px 0px 0px 0px; background-color: #FFF; margin-bottom: -13px;"> {postrow.displayed.PM_IMG}</div> <br>
                             <!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT} <!-- END contact_field --> <br>
                                  
                                  <div class="poster-profile textarea"> {postrow.displayed.POSTER_RPG}</div><br>
                                  
                                     
                  </div>    </span>
                                  <div class="online">{postrow.displayed.ONLINE_IMG}</div><br>
                                  <div class="postprofile-rank">
                     {postrow.displayed.RANK_IMAGE}<br>
                                    </div>  <div class="postprofile-info"><!-- BEGIN profile_field -->
                                    <div class="imgprofil">  <span style="font-size: 9px; text-transform: uppercase; width: 175px;">{postrow.displayed.profile_field.LABEL}</span><span style="color: #3E2A1C; text-transform: lowercase;">{postrow.displayed.profile_field.CONTENT}</span>
                                      {postrow.displayed.profile_field.SEPARATOR}</div>
            <!-- END profile_field -->
                                   
            
         </span><br />
         <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:170px;height:1px" />
      </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><div style="background-color:#FAF1EB; width : 352px;">
                                          <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></td>
               <td valign="top"  class="post-options"><div style="background-color:#FAF1EB; width : 220px; height: 20px;">
                                          <div style="height: 13px; width: 220px;">{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></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"{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" style="font-size: 12px;">{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>

Faut-il les CSS également ?


Dernière édition par Mellou le Jeu 28 Mai 2020 - 4:20, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 28 Mai 2020 - 4:20

Merci,
j'ai édité mon message, as tu aussi modifié l'autre template ?
Mellou
Mellou
https://thesecretofhap.forumactif.com/

MessageMellou Jeu 28 Mai 2020 - 4:20

Oui j'ai vu et j'ai normalement posté les deux :)
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 28 Mai 2020 - 4:23

Ok merci, nos messages se sont croisés.
Je vois cela dans la soirée chère amie, mais à priori cela m'a l'air mal engagé heuu clin oeil .
Mellou
Mellou
https://thesecretofhap.forumactif.com/

MessageMellou Jeu 28 Mai 2020 - 4:26

Oh non :/ J'espère vraiment que ta magie pourra opérer  oups
Merci d'essayer en tous cas
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 28 Mai 2020 - 19:46

Re coucou Marilou,
comme je le mentionnais, c'est vraiment mal parti.
Ce qui bloque c'est le template index_box

Le reste est fonctionnel, il faudrait revoir le codage de ce template Merci
Mellou
Mellou
https://thesecretofhap.forumactif.com/

MessageMellou Jeu 28 Mai 2020 - 19:52

Ah je vois. Et que faudrait-il y changer au juste ? Parce que c’est un codage en libre-service que je j’ai un peu modifié mais je saurais dire ce qui cloche/bloque dessus malheureusement... :/
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 28 Mai 2020 - 19:55

Mettre la structure du template par défaut et modifier selon tes envies hinhin .

Parce que c’est un codage en libre-service

Tu as le lien du fofo qui propose ce codage?
Mellou
Mellou
https://thesecretofhap.forumactif.com/

MessageMellou Jeu 28 Mai 2020 - 20:33

C’est là que le bas blesse : je ne suis pas sure de pouvoir recréer ce à quoi je suis arrivée en partant de zéro 😖
J’en avais fais un moi même qui ne conservait pas sa largeur en fonction de la largeur de la page alors soûlée je suis allée chercher un tuto et j’ai travaillé dessus 

Voici le lien du tuto que j’ai suivi 
https://www.never-utopia.com/t62522-categories-style-steampunk
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 29 Mai 2020 - 4:27

Coucou Marilou,

alors bonne nouvelle, le script est désormais fonctionnel.
Je reviens vers toi ce soir pour te donner les modifications a apporter.
Mellou
Mellou
https://thesecretofhap.forumactif.com/

MessageMellou Ven 29 Mai 2020 - 15:22

Oh genial ! Tu es un génie !! Merci beaucoup 😊
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 29 Mai 2020 - 16:37

Re Marilou,

alors, il a fallut faire beaucoup de modification concernant les templates.
Je vais te les donner un par un et tu recevras par mail un fichier joint (un bloc note) car le contenu ne tient pas dans un message.

Messenger sera donc traduit en Français par la même occasion.

Tu ne dois pas avoir de changement point de vue visuel chère amie.

J'ai juste ajouté des class (tr) sur l'index :

Code:
 <div class="catCentre tr">

et sur la liste de sujets:

Code:
 <tr class="tr">

Afin de palier au manque de la balise tr absente sur l'index.

Ensuite afin que le script trouve tous les avatars j'ai ajouté la même class sur l'index
que celle présente dans la liste des sujets:
Code:
<div class="inline catAvatar">

En
Code:
<div class="inline catAvatar lastpost-avatar2">

Il est impératif de garder ceci Marilou.

Remplaces donc tous les templates par les contenus suivants:

Template index_box:

Code:
    <div class="catLiens">
      <!-- BEGIN switch_user_logged_in -->
      <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW} - </a>
      <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF} - </a>
      <!-- END switch_user_logged_in -->
      <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </div>
    <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="categorie">
    {catrow.tablehead.L_FORUM}
    <!-- END tablehead -->
    <!-- BEGIN forumrow -->
      <div class="catCentre tr">  <div class="inline catGauche">
        <a class="catTitreForum forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>    <br> 
              <div class="inline catLast">
                      <img class="newOldLock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br />
      {catrow.forumrow.LAST_POST}
              </div>
              <div class="inline catAvatar lastpost-avatar2">
    <!-- BEGIN avatar -->
                      {catrow.forumrow.avatar.LAST_POST_AVATAR}
      <!-- END avatar -->
              </div>
      <div class="inline sousForums">{catrow.forumrow.LINKS}</div>
        <img src="https://i.servimg.com/u/f46/20/13/70/87/barre_11.gif" style="height: 10px; width: 370px;  overflow: hidden; margin-top: 5px; margin-bottom: -10px;"/>  </div>

        <div class="inline catDroite">
    <div class="catStats">{catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages</div>
        <div class="catDescrip">{catrow.forumrow.FORUM_DESC}</div>
            </div>
     
       
      </div>
    <!-- END forumrow -->
    <!-- BEGIN tablefoot -->
     
        <br /><br />
    </div>
     
      <!-- END tablefoot --><!-- END catrow -->

Template topics_list_box:
Code:

    <!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
    <script type="text/javascript">
    function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
    var all_checked = true;
    for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
    if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
    all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
    }
    }
    document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
    }
    function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
    for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
    if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
    document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
    }
    }
    }
    </script>
    <!-- END multi_selection -->

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
              <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"><div class="titrecatesujets">Les petits sujets</div></th>
              <th align="center" nowrap="nowrap" width="80"><div class="titrecatesujets">{topics_list_box.row.L_REPLIES} et {topics_list_box.row.L_VIEWS}</div></th>

                <th align="center" nowrap="nowrap" width="150"><div class="titrecatesujets">{topics_list_box.row.L_LASTPOST}</div></th>
    <!-- BEGIN multi_selection -->
    <th align="center" nowrap="nowrap" width="20">
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
    <!-- END multi_selection -->
    </tr>
    <!-- BEGIN pagination -->
    <tr>
    <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
    </tr>
    <!-- END pagination -->
    <!-- END header_table --><!-- BEGIN header_row -->
    <tr>
    <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}    </b></span></td>
    </tr>
    <!-- END header_row -->

    <!-- BEGIN topic -->
    {topics_list_box.row.END_TABLE_STICKY}
    <tr class="tr">
    <!-- BEGIN single_selection -->
    <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
    <!-- END single_selection -->
    <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="top" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
    <!-- BEGIN icon -->
    <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="top" width="20">{topics_list_box.row.ICON}</td>
    <!-- END icon -->
    <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
    <div class="topictitle" style="position: relative; top:-1px;">
    {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
    <h2 class="topic-title">
      <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><br />
                                      <strong><span class="postepar">publié par</span> <span class="name">{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
    </h2>
    </div>

    <!-- BEGIN switch_description -->
    <div class="genmed" style="position: relative; top:-11px; font-family: Dosis; margin-bottom: -21px;
                            left: 43px; font-style: italic; font-size: 13px; width: 300px; line-height: 13px;
                                background-color: #F8F2F6;  font-variant-caps: small-caps; ">
                         
    {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
    </div>
    <!-- END switch_description -->
    <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
    <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
    </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails"><div class="reponses">{topics_list_box.row.REPLIES}</div><br /><div class="vues">{topics_list_box.row.VIEWS}</div></span></td>
   

    <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap">
                <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar2">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

                      <span class="postdetails"><div class="dernier">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></span>
            </td>
    <!-- BEGIN multi_selection -->
    <td class="row2" align="center" valign="middle"><span class="postdetails">
      <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
    <!-- END multi_selection -->
    </tr>
    <!-- END topic --><!-- BEGIN no_topics -->
    <tr>
    <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
    </tr>
    <!-- END no_topics --><!-- BEGIN bottom -->
    <tr>
    <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td> <span class="gensmall">{PAGINATION}</span></td>
    <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
    </tr>
    </table>
    </td>
    </tr>
    <!-- END bottom --><!-- BEGIN footer_table -->
    </table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Template 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" style="font-size: 12px;"> {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}
     
      <!-- 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}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
          <span class="name"><a name="{postrow.displayed.U_POST_ID}"  id="{postrow.displayed.U_POST_ID}"></a>
            <div class="pseudoprofile">  {postrow.displayed.POSTER_NAME}  </div></span><br />      <span class="postdetails poster-profile">
            <br /><div class="bidule"><div class="postprofile-avatar">
                {postrow.displayed.POSTER_AVATAR}</div>  <span class="bouh">
            <div style="border: solid #FFF 1px; width: 140px; padding: 0px 0px 0px 35px; background-color: #FFF; margin-bottom: -13px;"> {postrow.displayed.PROFILE_IMG}</div> <br />
            <div style="border: solid #FFF 1px; width: 140px; padding: 0px 0px 0px 0px; background-color: #FFF; margin-bottom: -13px;"> {postrow.displayed.PM_IMG}</div> <br />
            <!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT} <!-- END contact_field --> <br />
                                     
            <div class="poster-profile textarea"> {postrow.displayed.POSTER_RPG}</div><br />
                                     
                                       
                      </div>    </span>
            <div class="online">{postrow.displayed.ONLINE_IMG}</div><br />
                                      <div class="postprofile-rank">
                                        {postrow.displayed.RANK_IMAGE}<br />
                                        </div>  <div class="postprofile-info"><!-- BEGIN profile_field -->
                                        <div class="imgprofil">  <span style="font-size: 9px; text-transform: uppercase; width: 175px;">{postrow.displayed.profile_field.LABEL}</span>
                                          <span style="color: #3E2A1C; text-transform: lowercase;">{postrow.displayed.profile_field.CONTENT}</span>
                                          {postrow.displayed.profile_field.SEPARATOR}</div>
                <!-- END profile_field -->
                                     
               
            </span><br />
            <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:170px;height:1px" />
          </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><div style="background-color:#FAF1EB; width : 352px;">
                                              <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></td>
                  <td valign="top"  class="post-options"><div style="background-color:#FAF1EB; width : 220px; height: 20px;">
                                              <div style="height: 13px; width: 220px;">{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></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"{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" style="font-size: 12px;">{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>


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 30 Mai 2020 - 18:11


Hello

Si ton sujet est résolu, merci de suivre la procédure suivante:
Un tag précédent ton premier message est présent.

Il te suffira de cliquer sur ce dernier pour mettre ton sujet en résolu.
Comme le mentionne le règlement.

Mellou
Mellou
https://thesecretofhap.forumactif.com/

MessageMellou Sam 30 Mai 2020 - 20:08

Hello Phil !

Petit update (je n'ai pas eu le temps de le faire hier)
J'ai suivit tes conseils et j'ai pu régler le soucis des avatars avec une balise style donc tout va bien de ce côté là !
Le script fonctionne parfaitement (bien que j'ai toujours du mal à le faire fonctionner sur certains navigateurs, mais je vais trouver un moyen de contourner ce petit soucis)

Merci beaucoup pour ton aide  fr4
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 30 Mai 2020 - 20:16

Hello Marilou,
bon, le principal est que Messenger fonctionne hinhin .



Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil




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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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