Новый вид категорий для фотоальбома uCoz
Этот вид категорий для фотоальбома уникальное решение для любого сайта созданного в системе uCoz и имеющем активный модуль -
фотоальбом. Благодаря этому скрипту можно изменить стандартный
вид фотоальбома на более новый, функциональный и современный. Суть скрипта, в том, что он выводит красивый
вид категорий фотоальбома при помощи информера.
Думаю со скрина более понятна суть данного скрипта и его изящность, установка скрипта крайне проста, для начала нам нужно создать информер все параметры указаны на скрине.
Далее в шаблон информера вставляем его вид, точней его стили и визуализацию:
Код
<div class="g-album">
<div class="g-album-p">
<a href="$CATEGORY_URL$">
<span class="g-album-s" id="c$NUMBER$"><span class="g-album-b"></span></span>
</a>
</div>
<div class="g-album-i">
<b>$CATEGORY_NAME$</b><br>Фотографий: $NUM_DATA$<br><div class="g-album-descr">$CATEGORY_DESCR$</div>
</div>
</div>
<script type="text/javascript"> $('#c$NUMBER$').load('$CATEGORY_URL$ .phtTdMain:first img');</script>
А теперь последнее, что нам осталось это задать все стиле в таблице стилей CSS, вставляем в самый низ:
Код
.g-album {display:inline-block; overflow:hidden; border:1px dashed #ccc; border-radius:3px; padding:5px; margin-bottom:15px;}
.g-album-p {float:left; width:100px;}
.g-album-b {float:left; width:90px; height:67px;}
.g-album-i {float:left; width:150px;}
.g-album-s img {width:90px; height:67px; border-radius:3px;}
.g-album-descr {font-size:10px; color:#666; margin-top:5px;}