в хтмл низ
Код:
<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>
в стиль
Код:
thead {display: none;} #pun-index .category tr>.tc2, #pun-index .category tr>.tc3, #pun-index .category tr>.tcr, #pun-index .category tr>th { display:none !important; } #pun-index .category tr { width: 430px; /*ширина поля, чем уже форум, тем меньше должно быть значение*/ margin-bottom: 10px; /* отступ снизу */ margin-top: 5px; /* отступ сверху */ display: inline-block; background-color: #e3d5cf; /* цвет заливки */ margin-left: 8px; /* сдвиг влево */ } #pun-index .category tr .Tems_And_messages { display: none; } /* ПОЛЕ ССЫЛКИ НА ТЕМУ И АВТОРА ПОСЛЕДНЕГО СООБЩЕНИЯ */ #pun-index .category tr .bottom { margin-left: 23px; /* сдвиг влево */ line-height: 11px; font-size: 11px; font-family: verdana; vertical-align: top; background-color: #e3d5cf; /* заливка */ text-align: right; padding: 5px; /* отступы */ color: #58544f; /* цвет текста */ } /* ССЫЛКИ ПРИ НАВЕДЕНИИ */ .punbb .category tr .bottom a{ opacity: 1; font-size: 12px; font-family: verdana; } .punbb .category tr .bottom a:hover{ opacity:0.7; }
и в #pun-index td div.tclcon указать width: 358px;