<!— Форумы в две колонки —>
<style type="text/css">
#pun-index .category tr>.tc2,
#pun-index .category tr>.tc3,
#pun-index .category tr>.tcr,
#pun-index .category tr>th {
display:none;
}
#pun-index .category tr {
background: !important;
display: inline-block;
margin: 5px;
width: 440px; (ширина одного блока в зависимости от ширины самого форума)
}
#pun-index .category tr .Tems_And_messages {
display: none !important;
margin:0 5px 12px 5px;
padding:3px;
display:inline-block;
width: 30px;
border: #9AAAAB 1px solid;
}
#pun-index .category tr .bottom {
margin-left: 23px;
padding: 2px 40px 0px;
line-height: 11px;
font-size: 14px;
line-height: 16px !important;
color: #323232;
font-family: forum;
vertical-align: top;
background: url('картинка') !important;
}
.punbb .category tr .bottom a:hover{
opacity:0.7;
}
</style>

<script type="text/javascript">
    $('#pun-index .category td.tcl').each(function() {
      var TR = $(this).parents('tr:first');
      var str='<div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+TR.find('td.tc2').text()+'</span></div><div  style="margin-left:0px; " class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div><div  style="margin-left:0px;" class="bottom"><span class="right">'+TR.find('td.tcr').html()+'</span></div></div>';
      var lsr=TR.find('td:first');
      $(str).appendTo(lsr);
    });
</script>