Version nécessaire du forum : phpbb2

Ce code de catégorie a été fait grâce à l'idée et la maquette de Kaerin. Alors, pour le crédit, je vous remercierais de mettre nos deux pseudos

Template HTML

Allez dans index_box et modifier le pour mettre :

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"><link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap" rel="stylesheet">
{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-descrno">
        <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 class="cate-descr">  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>{catrow.forumrow.FORUM_DESC}</div>
      </div>
      
      <div class="cate-infos">
        <div class="cate-messder">
          <div class="cate-messvue">
            {catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets
          </div>
          <div class="cate-dermess">
            {catrow.forumrow.LAST_POST}
          </div>
        </div>
        <div class="cate-vava">            <!-- BEGIN avatar -->
        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>            <!-- END avatar -->
          </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 -->

A la place.

CSS

Code:

/* Catégorie par KoalaVolant & Maquette par Kaerin */

/* Titre de catégories */

.cate-title h2{ text-align:center; background-image:url('https://images2.imgbox.com/62/7d/OFH5cB0M_o.png'); font-family: 'Libre Baskerville', serif; text-transform:uppercase;
  font-size:21px; line-height:100px; border-bottom:5px solid #0E2B4E; }

/* Flex structure */

.forum-encart *{box-sizing:border-box; }
.forum-encart{ width:800px; display:flex ;justify-content:space-between; padding:10px; background-color:#0B203E; }
.cate-sous{ width:152px; padding:5px; }
.cate-descrno{ margin:0px 5px; width:380px; display:flex; justify-content:space-between; }
.cate-infos{ height:97px; padding:5px; width:265px; background-color:#0E2B4E; display:flex; justify-content:space-between; align-items:center;}

/* Gauche sous forums tout ça */

.cate-sous{ background-color:#0E2B4E; height:97px; 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; }

/* Image No New Lock */

.cate-descrno img{ width:80px; height:97px; object-fit:cover; margin:0px 5px; }

/* Description */

.cate-descr{ width:300px; height:97px; overflow:auto; padding:10px; background-color:#0E2B4E; color:#dedede; font-family: 'Libre Baskerville', serif; text-align:justify;
  font-size:11px;   line-height:15px; }
a.forumlink{ color:#B86819 !important; letter-spacing:2px; font-size:11px; font-family: 'Libre Baskerville', serif; text-transform:uppercase;
  text-align:left; display:block;}

/* Droite avec les stats */

.cate-messvue{ width:199px; background-color:#010914; font-size:10px; text-align:center; color:#dedede;
  padding:5px; font-family: 'Libre Baskerville', serif; text-transform:uppercase; }
.lastpost-avatar img{ border-radius:0px; min-width:50px; height:92px; margin-left:2px;  object-fit:cover; }

/* Dernier message */

.cate-dermess{ font-size:13px; font-family: 'Libre Baskerville', serif; padding: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*/;}