Ви напевно знаєте про існування в DLE тега # 123; custom>, але майже його не використовуєте, а дарма. Зараз ми розповімо, як за допомогою цього тега і правки лише шаблону зробити повноцінний слайдер.
І так, приступимо. Насамперед нам потрібен JS-код слайдера, шаблон 1 слайда, шаблон main.tpl і настройки для тега # 123; custom>. Почнемо по порядку.
1. Сам JS-код слайдера і CSS до нього можна завантажити нижче.
2. Завантажуємо файл jquery.smslider.min.js з архіву в папку / templates / ШАБЛОН / js /.
3. Завантажуємо файл smslider.css з архіву в папку / templates / ШАБЛОН / css /.
4. Картинку sm_arr.png заливаємо в / templates / ШАБЛОН / images /.
5. У шаблон main.tpl перед:
6. У потрібне місце вставляємо код:
7. В кінці шаблону main.tpl додаємо код, який запускає слайдер:
Тепер в smslider.css правимо шлях до картинки на. / Images / (Так, 2 точки, це не помилка).
Готово, слайдер встановлений, але він не працює - у нього немає жодного слайда. Цим ми зараз і займемося. Створимо шаблон slide.tpl і запишемо туди код:
Тепер поговоримо про те, що ми зробили. У тезі # 123; custom> ми вказали, що необхідно працювати з шаблоном slide.tpl. Сам slide.tpl виводить 1 картинку з новини, якщо вона існує, роблячи її посиланням на новину.
Тут ви можете завантажити Слайдер DLE без модов безкоштовно
діє тільки для vip групи користувачів