Кому нужен и компактный вид подфорумов, но и переход к последнему сообщению подфорумов, а так же всплывающее Сколько тем и сообщений. Иконки свои, нужны три типа иконок: для подфорумов, где нет сообщений, для обычных сообщений и для новых. По умолчанию стоят размеры 20х13. Код не универсален, подгонка скорее всего потребуется. По умолчанию настроено в две колонки.

Код:

<style>
/**************************************************************
 Подфорумы                                                    *
***************************************************************/

.isub, .isub td {display: grid;}

.punbb .isub div.tclcon {
    margin-left: 30px;
    font-size: 0;
}

.punbb .main .isub .tcl, .punbb .main .isub .tcr {width: 100%;}

.parent, #pun-index tr.isub {background: none;}

.isub.alt2 {
  margin-left: 300px;
  margin-top: -20px;
}

.isub {position: relative;}

.parent + .isub {margin-top: -10px;}

#pun-index tr.isub {
  grid-template-columns: auto 30px;
  justify-content: start;
  width: 300px;
  top: -50px;
  left: 80px;
}

#pun-index .isub td.tcl {padding: 5px 0 5px !important;}

#pun-index .isub .tcl h3 {font-size: 14px;}

#pun-index .isub .tcl a {color: #61492c;}

#pun-index .isub .intd {
  grid: minmax(1px, auto) / 1fr;
  grid-template-areas: "tclcon";
}

.punbb .isub .tc2, .punbb .isub .tc3, .punbb .isub .icon, .punbb .isub .user-avatar, .punbb .isub .lastpost, .isub .tcr br {display: none;}

.isub .tcl:hover ~ .tc2, .isub .tcl:hover ~ .tc3 {
  display: block;
  position: absolute;
  width: 100px;
  left: -100px;
  padding: 5px 8px 4px;
  background-color: #fdefdb;
  color: var(--theme-color);
  max-width: 200px;
  text-align: center;
  font-size: 12px;
}

.isub .tc2, .isub .tc3 {
  border-style: solid;
  border-color: #d4b943;
}

.isub .tc2 {
  margin-top: -25px;
  margin-left: calc(90px + 2em);
  border-radius: 5px 0 0 5px;
  border-width: 1px 0px 1px 1px;
}

.isub .tc3 {
  margin-top: -25px;
  margin-left: calc(113px + 90px + 2em);
  border-radius: 0 5px 5px 0;
  border-width: 1px 1px 1px 0px;
}

.isub .tc2:before {
  content: "Тем:";
  padding: 2px;
}

.isub .tc2:after {
    content: '';
    border: 10px solid transparent;
    border-top-color: #fdefdb;
    position: absolute;
    margin: 15px 0 0 -70px;
}

.isub .tc3:before {
  content: "Сообщений:";
  padding: 2px;
}

#pun-index .main .isub .tcr {
  grid-template: none;
  padding: 0;
  justify-content: end;
  align-content: center;
  background: url(Иконка нет сообщений) center center no-repeat;
  }

#pun-index .isub .tcr a {
  margin-right: 4px;
  width: 20px;
  height: 13px;
  font-size: 0;
  background: url(Иконка обычное сообщение) no-repeat;
  background-size: cover;
}

#pun-index .isub.inew .tcr a {background: url(Иконка новое сообщение) no-repeat;}

#pun-index .isub .tcr a:after {
  content: "К последнему сообщению";
  padding: 2px;
  display: none;
  position: absolute;
  top: -30px;
  width: 200px;
  text-align: center;
  background: #fdefdb;
  border: 1px solid #d4b943;
  border-radius: 5px;
  font-size: 12px;
  color: red;
}

#pun-index .isub .tcr a:hover:after{display: block;}
</style>

Включать полное отображение подфорумов.

kernel написал(а):

Для того, чтобы сделать подфорумы такими же как при использовании скрипта Подфорумы "не скриптом".
Выделить код

    <script>
    $(document).ready(function(){
    var subforums = {};
    $('.category tr').each(function () {
        var is_sub = $(this).hasClass('isub');
        if (is_sub) {
            var parent = $(this).data('parent'),
              id = $(this).attr('id').match(/forum_f(\d+)/),
              forum_id = id[1],
              last = $(this).find('.tcr > a').attr('href');
              link = $(this).find('.tcl h3').html();
            if (typeof subforums[parent] == 'undefined') subforums[parent] = [];
            subforums[parent].push({forum_id: forum_id, link: link, last: last});
        }
    });
    for (var forum_id in subforums) {
        var el = '<div class="subforums"><p class="d_title"><strong>Подфорумы: </strong></p><div class="Inner">';
        for (var subforum of subforums[forum_id]) {
            el += '<span class="sf' + subforum['id'] + '">' + subforum['link'];
            if (!subforum['last']) el += '<img class="Icon_LastPost O" src="https://forumstatic.ru/files/0016/4f/7e/12924.jpg" title="Подфорум пуст">';
            else el += '<a class="Icon_LastPost N" href="' + subforum['last'] + '" title="К последнему сообщению"><img src="https://forumstatic.ru/files/0016/4f/7e/75803.jpg"></a>';
            el += '</span>';
        }
        el += '</div></div>';
        $('#forum_f' + forum_id + ' .tclcon').append(el);
        $('.parent-' + forum_id).remove();
    }
    });
    </script>

И вот родной css Подфорумов "не скриптом":
Выделить код

    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0016/4f/7e/73859.css"/>

Его можно использовать без изменений.

Можно отдельным файлом использовать скрипт:
Выделить код

    <link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0016/4f/7e/73859.css"/>
    <script type="text/javascript" src="https://forumstatic.ru/files/0000/14/1c/91546.js"></script>