Ces catégories ont été codés pour Tatoo en commande non "libre service", mais la personne est injoignable, le forum a disparu.
Donc le voilà.
Tout est modifiable.
C'est du PHPBB2

HTML

Dans index_box tu peux mettre ça :

Code:

<table 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="cate-title">
{catrow.tablehead.L_FORUM}
</div>
<div class="cate-bloc">
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
<div class="cate-forum">
    <div class="forum-encart">
      
      <div class="cate-sous">
                  <!-- Sous forum -->
        <div class="ssfo" id="subforums">
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </div>
      </div>
      <div class="cate-size"></div>
      <div class="cate-descr">{catrow.forumrow.FORUM_DESC}</div>
      
      <div class="cate-infos">
        <div class="forum-title">
          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
        <div class="cate-messvue"> {catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets </div>
        </div>
        
        <div class="cate-messder">
          <div class="cate-vava">            <!-- BEGIN avatar -->
        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>            <!-- END avatar -->
          </div>
          <div class="cate-dermess">
            {catrow.forumrow.LAST_POST}
          </div>
          <img class="cate-no" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </div>
      
      </div>
  </div>
  

  
  </div>
</div>
         <script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');</script>    
<!-- END forumrow -->
<!-- BEGIN catfoot -->        
<!-- END catfoot -->
<!-- BEGIN tablefoot --><!-- END catrow -->
<!-- END tablefoot -->

CSS

Code:

/* Catégorie par KoalaVolant */

/* Titre de catégories */

.cate-title *{ box-sizing:border-box; }
.cate-title{ padding:20px 0px; text-align:center; background-image:url('https://i.servimg.com/u/f30/19/45/51/53/c5834510.jpg'); border-bottom:5px solid #0E2B4E; background-size:cover; }
.cate-title h2{ padding:10px; font-family: 'Libre Baskerville', serif; text-transform:uppercase;  font-size:21px; background-color:#fff; width:97%; margin:0 auto; }

/* Flex structure */

.forum-encart *{box-sizing:border-box; }
.forum-encart{ width:800px; display:flex ;justify-content:space-between; padding:10px; background-color:#0B203E; position:relative; }
.cate-sous{ width:152px; padding:5px; }
.cate-infos{ height:87px; padding:5px; width:265px; background-color:#0E2B4E; display:flex; justify-content:center; flex-wrap:wrap; align-items:center;}
.cate-size{ width:72px; height:72px; }
/* Gauche sous forums tout ça */

.cate-sous{ background-color:#0E2B4E; height:87px; overflow:auto; }

.ssfo a{ display:block; background-color:#010914; text-align:center; text-transform:uppercase; font-size:10px; padding:2px;
  font-family: 'Libre Baskerville', serif; color:#fff; margin:2px 0px; }

/* Description */

.cate-descr{ width:290px; height:87px; overflow:auto; padding:10px; background-color:#0E2B4E; color:#dedede; font-family: 'Libre Baskerville', serif; text-align:justify;
  font-size:11px;   line-height:15px; }
.cate-descr h3{ display:inline-block; background-color:#008080; font-size:11px; padding:1px; margin:0px;  }
.cate-descr img{     display: block;    width: 72px;    height: 72px;    object-fit: cover;  position: absolute; left:169px; top: 50%; transform: translateY(-50%);  }


/* Droite avec les stats */

.cate-messder{ display:flex; justify-content:center; align-items:center;}
.cate-messvue{ width:199px; background-color:#010914; margin:3px 0px; font-size:8px; text-align:center; color:#dedede;
  font-family: 'Libre Baskerville', serif; text-transform:uppercase; }
.lastpost-avatar img{  width:31px; height:31px; border-radius:50%; margin-left:2px;  object-fit:cover; }

.cate-no{ height:37px; width:25px; object-fit:cover; margin-left:10px; display:block; }
a.forumlink{ color:#B86819 !important; letter-spacing:2px; font-size:8px; font-family: 'Libre Baskerville', serif; text-transform:uppercase;
  text-align:left; display:block;}
.cate-dermess{ font-size:11px; font-family: 'Libre Baskerville', serif; padding:0px 5px; color:#dedede; }
.cate-dermess a{ color:#dedede; font-weight:bold; }
.cate-dermess .gensmall{ font-size:13px; }
/* Ascenseur */

::-webkit-scrollbar-track, ::-webkit-scrollbar {  background-color: #061427 !important ; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/  background-color: #184985 !important /*couleur de l'ascenseur*/;}

Les descriptions des catégories

Pour les descriptions c'est tout simple :
Si tu veux une image avant tu mets

Code:

<img src="liendetonimage"/>

Et pour un titre surligné tu mets

Code:

<h3>titre surligné</h3>

Comme par exemple :

Code:

<img src="https://i.servimg.com/u/f30/19/45/51/53/viorel11.jpg" />
<h3>
     truc en gras    
</h3>
Vous désirez pouvoir obtenir des choses inédites pour vous ? Un code rp sur mesure pour votre personnage ? Des avatars en plus ? Pour cela, il faudra s'assurer que ce que vous désirez demander est ouvert à la commande et ensuite, remplir le formulaire. Puis attendre ! =D Commandes ouvertes (toutes) ouvert à la commande et ensuite, remplir le formulaire. Puis attendre ! =D Commandes ouvertes (toutes) ouvert à la commande et ensuite, remplir le formulaire. Puis attendre ! =D Commandes ouvertes (toutes) ouvert à la commande et ensuite, remplir le formulaire. Puis attendre ! =D Commandes ouvertes (toutes) ouvert à la commande et ensuite, remplir le formulaire. Puis attendre ! =D Commandes ouvertes (toutes)