Идем сюда: Каталог файлов \ настройка модуля
делаем все как на скриншоте.
http://webo4ka.3dn.ru/_ld/7/s01627535.jpg
*Примечание! Если у вас на сайте есть файлы которые были залиты с помощью $IMAGE|$ с этим скриптом будет баг.
Далее идем: Каталог файлов \ Вид материалов
Находим строчку вроде этого:
Code
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?><div class="eDetails" style="clear:both;">
Перед ней вставляем:
Code
<ul class="gallery">
<li><span></span><div align="center"><img width="454" neight="340" src="$SCREEN_URL$" alt="image" /></div></a></li>
</ul>
Дальше вставляем в самый низ вида материалов:
Code
<style type="text/css">
.gallery {
list-style: none;
margin: 0;
padding: 0;
}
.gallery li {
margin: 15px 10px;
padding: 0 12px;
float: left;
position: relative;
width: 454px;
height: 340px;
background: url(/images/drop-shadow.png) no-repeat center bottom;
}
.gallery img {
background: #fff;
border: solid 1px #ccc;
border-bottom: none;
}
.gallery a:hover img {
border-color: #000;
}
.gallery span {
width: 454px;
height: 340px;
display: block;
position: absolute;
top: 0px;
left: 12px;
background: url(/images/glossy-gradient.png) no-repeat;
}
.gallery a {
text-decoration: none;
}
</style>
A вот как сделать для IMAGE
попробуй делать все как есть за исключением второго пункта там вставь это:
Code
<ul class="gallery">
<li><span></span><div align="center">$IMAGE1$</div></a></li>
</ul>
Источник: Webo4ka.ru
