Регистрация    Войти
Авторизация

Вид категорий фотоальбома с превью для uCoz

Вид категорий фотоальбома с превью для uCoz.Вид категорий фотоальбома с превью для uCoz.

Если Вам наскучил стандартный вид фотоальбома с последними добавленными фотографиями, и Вы хотели бы видеть его таким, как на других CMS, то есть интересное решение. В этом варианте категории фотоальбомов будут содержать последнюю добавленную в категорию фотографию, название, количество изображений и описание.

Установка:
Создаем информер

Раздел: Фотоальбомы
Тип данных: Категории
Количество колонок по желанию
Код шаблона информера:

<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;}

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  22-11-2013, 19:58   Просмотров: 3915   
Вид категорий фотоальбома ucoz, фотоальбома с превью, Вид категорий фотоальбома, Вид, фотоальбома ucoz, фотоальбом ucoz
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.