Главная / Каталог скриптов для uCoz / Бесплатно, Вид материалов

Вывод категорий с картинками для фотоальбомов

Добавлено 04-03-2019 в 14:30

Категория Бесплатно, Вид материалов
Авторwaak
Просмотры1585
Комментарии0
Понравилось10

Вывод категорий с картинками для фотоальбомов

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

Пример вида после установки

Ещё раз уточню что это один из способов которым можно реализовать данную задачу и который не использует гет запросов да и вообще не каких посторонних скриптов всё делается на стандартных функциях от uCoz

Так же должен написать о том что картинки вы должны будите прописывать сами точнее ссылки на них так как в данном примере нет скриптов для авто подгрузки картинок

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

Вообщем думаю всё написал если всё же возникнут вопросы пишите ихв комментариях а пока приступим к установки

Установка

Для начало нам нужно будет создать нужную категорию и в описание добавить ссылку на картинку

Отлично! с другими так же нужно сделать

Теперь создаём информер с такими параметрами

Раздел: Фотоальбомы
Тип данных: Категории
Количество колонок: Тут по усмотрению
Материалы за текущий период: Не трогаем

Нажимаем создать затем выбираем Шаблон информера и вместо всего кода ставим

Код

<div class="catimgphoto">
  <span>$NUM_DATA$</span>
  <a href="$CATEGORY_URL$">
  <img src="$CATEGORY_DESCR$">
  <b>$CATEGORY_NAME$</b>
  </a>
  </div>

Отлично не забываем сохранить!

Теперь копируем код данного информера и в нужное место размещаем его
Код информера выглядит так $MYINF_ТУТ НОМЕР ИНФОРМЕРА КОТОРЫЙ МЫ СОЗДАВАЛИ$

Ну и на последок нам осталось добавить стили для него тут я дам вам свои для примера но вы конечно можете написать свои! а пока копируем стили ниже и разместим их в таблицу стилей

Код

.catimgphoto {
  padding: 10px;
  position: relative;
  overflow: hidden;
  height: 150px;
}
.catimgphoto img {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.catimgphoto span {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #FFF;
  display: block;
  padding: 0 10px;
  background: #000;
  z-index: 11;
  line-height: 35px;
  font-size: 13px;
}
.catimgphoto b {
  display: block;
  position: absolute;
  z-index: 11;
  bottom: 10px;
  left: 0;
  background: rgba(0,0,0,.6);
  color: #FFF;
  font-size: 13px;
  padding: 10px;
  margin: 0 20px;
}

Отлично не забываем сохранить и почистить кеш браузера

Оставить комментарий

Добавлять комментарии могут только зарегистрированные пользователи.

Регистрация Вход

Создать сайт
Бесплатно

Меню

Полезно

Комментарии

pa patali2k

Спасибо большое!

06-06-2025 в 05:58 материал

waak

на все страницы вывести можно скриптом через запрос на персональную страницу пользователя а на странице со списком закладок я вывел так

Код

У вас $NUM_ENTRIES$ заклад<?if($NUM_ENTRIES$%10=0||$NUM_ENTRIES$%10>4||$NUM_ENTRIES$%100>10&&$NUM_ENTRIES$%100<15)?>ок<?else?><?if($NUM_ENTRIES$%10=1)?>ка<?else?>ки<?endif?><?endif?>

05-06-2025 в 22:07 материал

pa patali2k

Добрый день! Waak подскажи как вы сделали У вас N закладок, у меня выходит 1-5 например, так если можете подскажите как вывести кол.во закладок пользователя например в мини профиль, чтоб кол.во закладок показывало на любой странице

04-06-2025 в 16:51 материал

pa patali2k

Добрый день!
Сегодня снова попробовал установить скрипт и он снова не заработал, все перерыл, изменял, убирал и никак не заводился.
Решение: В общих настройках сайта нужно переключить Версия библиотеки jQuery: на jquery-1.12.4.min.js
В общем теперь просьба, не могли бы переписать скрипт закладок под jquery-3.6.0.min.js