Creat 2 Informers:
1: Forum · Entries · Latest updated threads · Entries: 10 · Columns: 1
2: Forum · Entries · Most popular threads · Entries: 10 · Columns: 1
And in to informer insert that code:
Code
<li><span class="numf">$REPLIES$</span><a href="$THREAD_URL$" title="$FORUM$">$THREAD_TITLE$</a></li>
Now go to you (PVZ File Catalog) and before or after $BODY$ insert that code:
Code
<table class="informer" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="2" align="center" valign="top">
<div class="tableTitle">Новое на форуме</div>
<ul>
$MYINF_1$
</ul>
</td>
<td colspan="2" align="center" valign="top">
<div class="tableTitle">Популярное на форуме</div>
<ul>
$MYINF_2$
</ul>
</td>
</tr>
<tr>
<td colspan="5" class="infFooter"></td>
</tr>
</tbody></table>
Now go to your Common templates---Style sheet (CSS) and in the end insert that code:
Code
.informer { background: url('http://ucozon.ru/_dr/60/55944282.png') 0 0 no-repeat, url('http://ucozon.ru/_dr/60/68702626.png') 0 35px repeat-y; width:585px; height:auto; padding-top:45px; }
.informer .tableTitle { font-size:12px; color:#009AD8; text-align:center; }
.informer ul { list-style:none; padding:0px; margin:0px 5px; }
.informer li { background: url(' ') 7px 12px no-repeat, url('http://ucozon.ru/_dr/60/88250784.png') 0 0 no-repeat; list-style:none; text-align:left; width:276px; height:26px; overflow:hidden; line-height:26px; }
.informer li a { padding-left:15px; color:#121212; text-decoration:none; }
.informer li a:hover { color:#009AD8; text-decoration:underline; }
.informer .numf { background: url('http://ucozon.ru/_dr/60/98398609.png') 0px 5px no-repeat; float:right; margin-right:5px; text-align:center; width:51px; height:24px; color:#FFF; font-size:12px; }
.informer .infFooter { background: url('http://ucozon.ru/_dr/60/15396950.png') 0 bottom no-repeat; height:15px; }
[p.s.] You can change your background.png