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

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

12013-11-181480312Денис Абдуллин

Если Вам наскучил стандартный вид фотоальбома с последними добавленными фотографиями, и Вы хотели бы видеть его таким, как на других 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;}

Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (12)
Александр 2016-01-10 в 21:37 / МатериалСпам
Да уж... Скрипт... После таких скриптов серверы "висят" под Ddos атакой, а пользователи бегут жаловаться, что сервер опять лежит. В лучшем случае бан по ip обеспечен
-1
Melfers 2015-07-10 в 23:33 / МатериалСпам
а что потом делать с информером? как его подключить к фотоальбому?
0
Андрей 2015-06-21 в 07:34 / МатериалСпам
А можно его в вид материалов каталога файлов?
0
Анатолий Камбалин 2015-04-11 в 06:26 / МатериалСпам
Уважаемый администратор! Помогите чайнику никак не могу сделать такой вид фотоальбома на своем сайте. Уж очень он мне понравился. Все делаю как по инструкции, но не получается.
0
Мистер-Х 2015-03-25 в 08:15 / МатериалСпам
Если у кого описания категория больше и не смешается на рамку, тогда месте $CATEGORY_DESCR$ этого кода ставьте этот код <?if(len($CATEGORY_DESCR$)>25)?><?substr($CATEGORY_DESCR$,0,29)?> ...<?else?>$CATEGORY_DESCR$<?endif?>
0
Мистер-Х 2015-03-25 в 00:19 / МатериалСпам
Один момент наверно не учитывали, если называния и описания длинные то блок информер не будит выглядеть как скринште, мне кажется нужно поставить код оператора чтобы для длинные тексты укоротил текст.
0
Евгений Андреев 2015-05-09 в 22:38 / МатериалСпам
инструкция полностью рабочая, делайте заново не торопитесь.
0
nUme nUme 2014-09-20 в 14:59 / МатериалСпам
Хорошо смотрится
0
Кучина Марина 2014-02-07 в 12:41 / МатериалСпам
Спасибо! Как изменить расположение описания альбома, чтобы был отступ от картинки при увеличении превью?
1
Марат Гальямов 2013-11-23 в 12:56 / МатериалСпам
Как убрать модер. панель в информере?
0
Сергей Кирилов 2013-11-20 в 01:27 / МатериалСпам
Спасибо, заберу для своего сайта!
1
Сергей Ковалев 2016-07-08 в 13:17 / МатериалСпам
Добрый день. Я попробовал данный способ. Категории выглядят так же, только нет превью фотографий и категории не активны. В чем проблема
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.