|
|
Модули, Хаки, Примочки для DLE Тут собираются темы с модулями, хаками и разными примочками для движка DataLife Engine |
|
Опции темы | Поиск в этой теме |
08.10.2010, 10:32 Вверх | #1 | |||
Коварный тип
|
DLE News Slider v.1.5
DLE News Slider v.1.5
В этой версии были добавлены новые опции: * Намного упрощена установка слайдера * Полностью переделана структура слайдера * jQuery-плагин вынесен в отдельный файл * Исправлен фильтр отбора картинок по размерам * Все настройки дизайна полностью вынесены в шаблоны * CSS вынесен в отдельный файл таблицы стилей * Исправлены стили некоторых блоков * Добавлены 2 таблицы стилей на выбор - мини и большой слайдер: 700X300 и 900x300 Версия: 1.5 Авторы: * Inrus и Aruba (dletweak.ru) Создание модуля и системы связки с DLE * Soh Tanaka (sohtanaka.com) Создание плагина jQuery Совместимость: DLE 8X - 9.X Демо модуля | Тема на официалке Особенности: * В блоке используется jQuery т.к. предусмотрена поддержка DLE 9.0 в которой этот фреймворк будет по умолчанию. * Легкая настройка дизайна блока. * Управление из админпанели * Создан достаточно умный механизм выбора новостей для блока - например если нет картинок или картинки, это смайлы, новость не будет выводиться, а будет браться следующая вместо нее. * Используется кеширование (которое можно отключить, если по каким-то причинам нужно) для снижения нагрузки ( 0 запросов пока не добавляются новости, 1 запрос если добавлена новость) * Красивое оформление и динамика блока. Возможности (Сайт): * Вывод блока на главной странице сайта * Вывод последних n новостей сбоку * Вывод картинки из новости, с описанием, которое будет обрезаться по словам если не входит в всплывающий блок) * В новости картинка походит контроль скриптом, если она сильно маленькая (например смайл), новость не будет допущена в блок. * Если картинка не на внешнем сервере, она будет проверена на наличие оригинала (т.к. он обычно больше вставленной в новость картинки). Возможности (Админцентр): * Выбор какой-то отдельной категории, из которой будут выводиться новости или выбор всех новостей. * Если выбрана одна категория, можно включить/отключить вывод новостей из подкатегорий этой категории. * Установка количества новостей в слайдере. * Установка времени показа слайдов. * Установка количества слов в описании, до которого оно будет обрезано если слишком длинное. * Минимальные размеры картинки, с которым она сможет пройти в блок. * Включение/Отключения кеширования слайдера. * Выбор источника описания новости * Выбор источника картинки Скачать модуль dt dle news slider v.1.5 |
|||
19.02.2012, 03:00 Вверх | #7 | |||
Пользователь
|
Интересно, а такой слайдер можно найти?
http://prntscr.com/69ebe |
|||
21.02.2012, 17:28 Вверх | #10 | |||
Уважаемая личность
|
Почитайте документацию там много интересного.
Ну например имеем такой html код слайдера Нажми для просмотра
Код:
<div id="featured" > <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>15+ Excellent High Speed Photographs</span></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>20 Beautiful Long Exposure Photographs</span></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>35 Amazing Logo Designs</span></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Create a Vintage Photograph in Photoshop</span></a></li> </ul> <!-- First Content --> <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="images/image1.jpg" alt="" /> <div class="info" > <h2><a href="#" >15+ Excellent High Speed Photographs</a></h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum lacus. Pellentesque ut diam....<a href="#" >read more</a></p> </div> </div> <!-- Second Content --> <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="images/image2.jpg" alt="" /> <div class="info" > <h2><a href="#" >20 Beautiful Long Exposure Photographs</a></h2> <p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p> </div> </div> <!-- Third Content --> <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="images/image3.jpg" alt="" /> <div class="info" > <h2><a href="#" >35 Amazing Logo Designs</a></h2> <p>liquam erat volutpat. Proin id volutpat nisi. Nulla facilisi. Curabitur facilisis sollicitudin ornare....<a href="#" >read more</a></p> </div> </div> <!-- Fourth Content --> <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="images/image4.jpg" alt="" /> <div class="info" > <h2><a href="#" >Create a Vintage Photograph in Photoshop</a></h2> <p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p> </div> </div> </div> Берем и делим его на кастумы. Вот тот же код поделеный на кастумы Код:
<div id="featured" > <ul class="ui-tabs-nav"> {custom category="1" template="slider_block1" aviable="global" from="0" limit="5" cache="yes"} </ul> <!-- First Content --> <div id="fragment-1" class="ui-tabs-panel" style=""> {custom category="1" template="slider_block2" aviable="global" from="0" limit="1" cache="yes"} </div> <!-- Second Content --> </div> Без всяких модулей и хаков. |
|||
Метки |
dle, слайдер |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Скачать Image & News Scroller Module | Ghost | Joomla! | 0 | 12.03.2010 21:44 |