Faire apparaitre les sous-forum au dessus des messages

[maximumuse]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://www.forum-discussion.net/

Description du problème

Bonjour,

Je n'arrive pas à modifier la configuration d'un forum, pour que les sous-forums apparaissent en premier, avant les messages.

Le screenshot sera plus parlant

Et vous êtes les bienvenus évidemment  

Merci d'avance

[Toryudo]

Bonjour !

Alors sur Invision, il va falloir modifier le Template viewforum_body pour ça.
Je vous mets le tuto qui explique comment modifier un Template au cas où : https://forum.forumactif.com/t239497-modifier-les-templates-de-votre-forum

Donc le but, ça va être de déplacer le texte "{BOARD_INDEX}" (qui correspond aux catégories) avant le texte "{TOPICS_LIST_BOX}" (qui correspond aux messages), pour justement faire en sorte d'avoir les catégories avant les sujets. Au final, l'enchainement doit ressembler à ça :

Code:

{BOARD_INDEX}

<div class="borderwrap">
   {TOPICS_LIST_BOX}
</div>

Si vous n'aviez jamais modifié le Template viewforum_body jusqu'ici, voici le Template complet avec la modification, vous pouvez remplacer tout le contenu directement :

Code:

<ul id="navstrip" class="clearfix">
   <li class="begin"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
   {NAV_CAT_DESC}
</ul>

<div class="pagination topic-options">
   {PAGINATION}
</div>

<div class="posting-options topic-options">
   <!-- BEGIN switch_user_authpost -->
   <ul class="posting-buttons clearfix">
      <li class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></li>
   </ul>
   <!-- END switch_user_authpost -->
</div>

<div class="clearfix empty-clear"></div>

{BOARD_INDEX}

<div class="borderwrap">
   {TOPICS_LIST_BOX}
</div>

<!-- BEGIN switch_sort_options -->
<div id="sort-box">
   <div id="sort-btn">{switch_sort_options.L_SORT}</div>
   <form method="post" class="forumline sort-form">
      <div class="maintitle" style="">{switch_sort_options.L_SORT_BY}</div>
      <select name="sort_method">
            {switch_sort_options.S_OPTIONS}
      </select>
      <div>
         <b>{switch_sort_options.L_ORDER}</b>
         <div>
            <label><input type="radio" name="sort_order" id="sort_order_d" value="0" {switch_sort_options.DESC_CHECKED}/> {switch_sort_options.L_DESC}</label>
            <label><input type="radio" name="sort_order" id="sort_order_a" value="1" {switch_sort_options.ASC_CHECKED}/> {switch_sort_options.L_ASC}</label>
         </div>
      </div>
      <input class="button" type="submit" value="{switch_sort_options.L_SORT}" />
   </form>
</div>

<script type="text/javascript">
   //<![CDATA[
   $(document).ready(function() {
      var sort_btn = $('#sort-btn');
      sort_btn.on('click', function() {
         sort_btn.toggleClass('expanded');
      });

      document.onclick = function(e){
         if ($(e.target).parents('#sort-box').length==0) {
            document.getElementById('sort-btn').classList.remove('expanded');
         }
      };
   });
   //]]>
</script>
<!-- END switch_sort_options -->

<div class="pagination topic-options">
   {PAGINATION}
</div>

<div class="posting-options topic-options">
   <!-- BEGIN switch_user_authpost -->
   <ul class="posting-buttons clearfix">
      <li class="post-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" /></a></li>
   </ul>
   <!-- END switch_user_authpost -->
</div>

<div class="clearfix empty-clear"></div>

<div class="borderwrap">
   <div class="bar clearfix">
      <div class="left rtl-inversion-left">
         <strong>{L_MODERATOR}</strong> <br />{MODERATORS}
      </div>
      <div class="right rtl-inversion-right">
         {L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}
      </div>
   </div>
</div>

<div id="info_open" style="display:''; clear: both">

</div>

<br />
<div class="borderwrap activeusers-box">
   <div class="formsubtitle"><h4>{FORUM_ONLINE_USERS}</h4></div>
   <div class="row1">
      <p>
         {LOGGED_IN_USERS_LIST}
      </p>
   </div>
</div>

<!-- BEGIN switch_legend -->
<br />
<div class="activeusers clearfix">
    <ul class="ul-icons">
        <li><img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" loading="lazy" />&nbsp;{L_FOLDER_NEW_IMG}</li>
        <li><img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" loading="lazy" />&nbsp;{L_FOLDER_IMG}</li>
        <li><img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" loading="lazy" />&nbsp;{L_FOLDER_HOT_NEW_IMG}</li>
        <li><img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" loading="lazy" />&nbsp;{L_FOLDER_HOT_IMG}</li>
    </ul>
    <ul class="ul-icons">
        <li><img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" loading="lazy" />&nbsp;{L_FOLDER_LOCKED_NEW_IMG}</li>
        <li><img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" loading="lazy" />&nbsp;{L_FOLDER_LOCKED_IMG}</li>
        <li><img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" loading="lazy" />&nbsp;{L_FOLDER_ANNOUNCE_IMG}</li>
        <li><img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" loading="lazy" />&nbsp;{L_FOLDER_STICKY_IMG}</li>
        <li><img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" loading="lazy" />&nbsp;{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</li>
    </ul>
</div>
<!-- END switch_legend -->

[maximumuse]

Formidable, c'est parfait
je pense qu'invision devrait être modifié ainsi par défaut

Merci beaucoup

Résolu