Установка:
1.Заходим в настройки модуля "Каталог файлов" включаем "Ссылка на источник материала"
2.Заходим в "Замена стандартных надписей"--> Форма добавления модуля "Каталог файлов"--> Заменяем "Ссылка на источник материала" на "Изображение"(Скриншот).
3. Управление дизайном --> Каталог файлов --> Главная страница каталога файлов
И вствляем перед
Code
<script type="text/javascript" src="/highslide.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>
4.Скачиваем Скрипт - Скачать с Letitbit
кидаем файлы из него в файловый менеджер сайта.
5.Управление дизайном-->Каталог файлов-->Вид материалов:
Code
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="33" height="55"><img src="/images/8.png" border="0"></td><td align="left" valign="top" style="background-image: url('/images/7.png');padding-top: 0px; ">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
</td>
<td width="251" height="55"><img src="/images/6.png" border="0"></td></tr>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="20" height="5"><img src="/images/5.png" border="0"></td><td style="background-color:#e3e3e3;"></td><td width="20" height="5"><img src="/images/4.png" border="0"></td></tr>
<tr>
<td style="background-image: url('/images/5.png');"></td>
<td valign="top" style="background-color:#e3e3e3;"><TABLE style="text-align: center; width: 100%;" border="0" cellpadding="0" cellspacing="0">
<TBODY><TR><TD style="vertical-align: top; width: 660px;padding-left: 10px"><DIV style="border: 1px solid #d7d6d6; padding: 5px; background: #f1efef;">
<A href="$SOURCE_URL$" onclick="return hs.expand(this)"><IMG src="$SOURCE_URL$" width="150"></A>
</DIV></TD><TD style="padding-top: 146px;padding-left: 10px; vertical-align: top;"></TD></TR></TBODY></TABLE>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?>
</td>
<td style="background-image: url('/images/4.png');"></td>
</tr>
<tr><td width="20" height="5"><img src="/images/5.png" border="0"></td><td style="background-color:#e3e3e3;"></td><td width="20" height="5"><img src="/images/4.png" border="0"></td></tr>
</table>
<table align="center" border="0" valign="top" cellpadding="0" cellspacing="0" width="100%">
<tr><td valign="top" width="209" height="58"><img src="/images/1.png" border="0"></td><td align="right" valign="top" style="background-image: url('/images/3.png');padding-top: 34px;">
<div class="eDetails" style="clear:both;">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?>Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> |<?endif?>
Просмотров: $READS$ |
Дата: <span title="$TIME$">$DATE$</span>
<?if($COMMENTS_URL$)?>| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</div>
</td><td valign="top" width="37" height="58"><img src="/images/2.png" border="0"></td></tr>
</table>
Скачиваем архив с картинками ниже, и заливаем их в папку images.
Скачать c Letitbit