Установка:
Живой пример
Для начала закачиваем архив.

Ссылка для скачивание файла: Скачать архив

В Файловом менеджере создаем (если нету) папку "images" и загружаем туда рисунки в архиве и создаем папку (если нету) " js " и загружаем туда js скрипты

После загрузки приступаем к установке:

Управление дизайном » Каталог файлов » Вид материалов

<table class="eBlock" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td style="border: 0px solid rgb(255, 255, 255); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="center">
<div class="eTitle" style="text-align: justify;"><img src="/images/file.gif" align="absmiddle" border="0"> <a href="$ENTRY_URL$"><font face="Arial"><span style="font-size: 10pt;">[color= rgb(27, 89, 151);]$TITLE$[/color]</span></font></a></div>
<table class="eBlock" border="0" cellpadding="1" cellspacing="0" width="100%"><tbody><tr><td style="padding: 3px;">
<table style="padding-bottom: 1px;" border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr><td colspan="2" style="border: 0px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="left">
<div style="float: left;">
^{<img src="/images/user.png" align="absmiddle" border="0"><span style='cursor: pointer;' onclick='show_bar(event, $UID$)'>[b]$USERNAME$}</span> |
<table id="win_$UID$" onclick='hide_bar($UID$)' style='background: #6497ca; position:absolute; visibility:hidden; filter:alpha(opacity=95); opacity: 0.95; width: 200px; border: 1px solid #ffffff;'>
<tr><td onmouseover="this.bgColor='#fdd08b';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/8-$UID$" target="_blank">Просмотр профиля</a></td></tr>
<tr><td onmouseover="this.bgColor='#fdd08b';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/load/0-0-0-0-17-$UID$" target="_blank">Найти все публикации</a></td></tr>
<tr><td onmouseover="this.bgColor='#fdd08b';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/14-$USERNAME$-0-1" target="_blank">Отправить сообщение</a></td></tr>
</table>
<img src="/images/tag_green.png" align="absmiddle" border="0"><a href="$CATEGORY_URL$" title="$CATEGORY_NAME$">$CATEGORY_NAME$</a>
<img src="/images/clock.png" align="absmiddle" border="0"><font color="#000000">$DATE$</font> $MODER_PANEL$
</div> </td> </tr>

<tr valign="top"><?if($SCREEN_URL$)?><td style="border: 0px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="left" width="22%">
<div class="eMessage" style="text-align: left; clear: both; padding-top: 10px; padding-bottom: 5px;">

<td style="border: 0px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="right">
<div class="eMessage" style="text-align: left; clear: both; padding-top: 10px; padding-bottom: 5px;">
$MESSAGE$
</span></font></div></td></tr>
<tr><td colspan="2" style="border: 1px dashed rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="left">
[font= Arial; font-size: 9pt;]
<a href="$ENTRY_URL$"><img src="/images/skachat.gif" align="absmiddle" border="0">Download</a> ¦
Просмотров: $READS$ ¦
<a href="$COMMENTS_URL$"><img alt="Оставить комент" src="/images/add.gif" align="absmiddle" border="0">Оставить комент</a>
(<a href="$COMMENTS_URL$"><img alt="Читать коментов" src="/images/comm.gif" align="absmiddle" border="0">$COMMENTS_NUM$</a><a href="$COMMENTS_URL$">)</a> ¦ [/font]
<img alt="Рейтинг" src="/images/star.gif" align="" border="0">[font= Arial; font-size: 11pt;] $RATING$ / $RATED$ <?if($RATE_FORM$)?> $RATE_FORM$<?endif?> [/font]
</td></tr> </tbody></table></td></tr></tbody></table></td></tr></tbody></table>[/b]

Управление дизайном » Каталог файлов » Главная страница каталога файлов
И вствляем перед <head>

<script type="text/javascript" src="/js/highslide.js"></script>
<script type="text/javascript" src="/js/udleinf.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'http://megasoft.3dn.ru/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.numberOfImagesToPreload = 0;
hs.showCredits = false;
hs.lang = {
loadingText : 'Загрузка...',
fullExpandTitle : 'Развернуть до полного размера',
restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',
focusTitle : 'Сфокусировать',
loadingTitle : 'Нажмите для отмены'
};
hs.allowSizeReduction = false;

</script>