Модуль "БраГа" для управления слайдерами и не только

+56
3.03K
Это модуль в помощь вэбмастерам желающим дополнительно оживить свой сайт с помощью различных jQuery, CSS модулей. Теперь такой модуль можно запихнуть в tpl-шаблон модуля, вместо путей к картинкам, заголовков и т.п. поставить переменные и управлять им через админку.
Иллюстрация

Установка:
1. Залить файлы модуля на сервер.
2. Установить права на запись (777) для директории /admin/modules/mod_braga/uploads.
3. Зайти в Админка -> Модули -> Установить модули и нажать "Установить модуль БраГа".
4. Зайти в настройки модуля и установить демо-данные.
5. Настроить публикацию модуля на сайте.

На данный момент в наличии такой модуль:
Иллюстрация
Верхняя новость в списке с затуханием исчезает и список с анимацией поднимается в верх. Размер списка не ограничен.
В дальнейшем постараюсь выложить, что-нибудь поинтереснее.

Скачать БраГа 1.0.3

Демо

Версия для iCMS 1.10

Второй слайдер: Этот слайдер построен на CSS3 без применения JS и является дополнением к БраГе.
Иллюстрация
1. Залейте папку templates.
2. Создайте копию модуля БраГа и укажите в качестве шаблона module_braga_css3.tpl (можно указать и для оригинала).
3. Зайдите в настройки модуля и закачайте изображения из папки "Картинки". Или свои размером 900х300рх.
4. Помимо картинок нужно указать заголовки, порядок и для последней ссылку.

Скачать слайдер на CSS3 (дополнение к модулю)

Демо

Обновления

v 1.0.1
1. Неопубликованные пункты теперь не выводятся.
2. Добавлена возможность удалять пункты.
3. При наведении мыши на модуль прокрутка останавливается (пауза).

v 1.0.2
1. Теперь описания можно вставлять через графический редактор.

v 1.0.3
1. Исправлена ошибка возникающая, когда для сайта указан префикс БД отличный от "cms_".

Для обновления залейте файлы с заменой и установите в админке.

На одной странице можно установить только один модуль (jQuery оболочку предложенную по умолчанию). Или для каждого дополнительного, нужно создавать новый tpl, в котором изменять айдишник (#listticker).

По просьбам трудящихся, в качестве бонуса, в архиве лежит файл module_latest_braga.tpl, который можно указать шаблоном для модуля "Последние материалы" и в нем таким же образом будут прокручиваться последние статьи с выбранного вами раздела.

Список переменных

{$brag.id} — id записи
{$brag.img} — первая картинка (большая, но это не обязательно)
{$brag.tumb} — вторая картинка (маленькая, но это не обязательно)
{$brag.link} — ссылка
{$brag.title} — заголовок
{$brag.description} — описание
{$brag.date} — дата
{$brag.ordering} — порядок

Если нет возможности перебирать пункты циклически, то переменные можно указывать и так: {$braga[0].title}, {$braga[1].title}, {$braga[2].title} и т.д.
0
Роман Роман 9 лет назад #
Демо можно глянуть?
0
Иван Шкута Иван Шкута 9 лет назад #
Щас где-нибудь кину.
0
Иван Шкута Иван Шкута 9 лет назад #
Добавил демо
0
Иван Шкута Иван Шкута 9 лет назад #
Забыл картинки в архив добавить. Кто уже скачал дозагрузите еще и картинки из папки /admin/modules/mod_braga/uploads
0
Иван Шкута Иван Шкута 9 лет назад #
Архив перезалил
0
lezginka.ru lezginka.ru 9 лет назад #
Пилигриm, а где взять такой же слайдер как у тебя на сайте ?
0
Gino Fernandes Gino Fernandes 9 лет назад #
Какой именно слайдер?
0
lezginka.ru lezginka.ru 9 лет назад #
Gino Fernandes ,вопрос ко мне ?
0
Gino Fernandes Gino Fernandes 9 лет назад #
lezginka.ru, да
0
lezginka.ru lezginka.ru 9 лет назад #
имел виду то, что у Пилигриm на сайте. он уже ответил
0
Иван Шкута Иван Шкута 9 лет назад #
Так это он и есть в архиве.
0
Иван Шкута Иван Шкута 9 лет назад #
Оформление (в частности ширину) можно менять в файле braga.css
0
Данила Данила 9 лет назад #
Неплохо. Вот только не понял, а как удалять в админке новости из списка?
0
Иван Шкута Иван Шкута 9 лет назад #
Не успел сделать ) пока можно только редактировать. Постараюсь, как можно скорее сделать.
+1
Иван Шкута Иван Шкута 9 лет назад #
Готово. Обновись и можно удалять.
0
Данила Данила 9 лет назад #
Ещё в админке ставлю у новости галочку "Опубликовано"-"нет", а в модуле эта новость всё равно показывается.
+1
Иван Шкута Иван Шкута 9 лет назад #
Исправил.
0
Def Def 9 лет назад #
для блогов тоже подойдет?
0
Иван Шкута Иван Шкута 9 лет назад #
Не совсем понял вопроса. Это просто модуль содержимое которого наполняется через админку (не автоматически). Вы можете указать картинку, ссылку, заголовок и описание, какие захотите.
0
Alexneva Alexneva 9 лет назад #
Спасибо, хорошая вещь.
0
lezginka.ru lezginka.ru 9 лет назад #
2. Установить права на запись (777) для директории /admin/modules/mod_braga/uploads.
а это безопасно(777) ?
0
Иван Шкута Иван Шкута 9 лет назад #
Иногда достаточно 755. Я думаю это не опаснее чем установить такие же права на /images
Если ошибаюсь поправьте.
0
lifeact lifeact 9 лет назад #
это дает право писать в папку аплоадс.... туда кто угодно может записать вредоносный скрипт....

вроде так.... если не прав, то поправьте
0
lezginka.ru lezginka.ru 9 лет назад #
странности:
если создать копии модуля, везде, все всех модулях, контенте дублируется
цсс файл привязан к шаблону дефолт
0
Иван Шкута Иван Шкута 9 лет назад #
Правильно как и везде, вы же СКОПИРОВАЛИ модуль. После редактирования пунктов они дублироваться не будут.
0
lezginka.ru lezginka.ru 9 лет назад #
и еще.
сделал 2 копии модуля.
в одном все повторяется, циклически
а в другом "заканчивается", после 1 показа/прокрутки
0
hydraq hydraq 9 лет назад #
А можно последние новости через этот модуль транслировать или только самому забивать через админку сами новости????
0
Иван Шкута Иван Шкута 9 лет назад #
Конкретно через этот модуль только забивать, в этом его и фишка. Но переделать его под mod_latest совсем не трудно. Поправьте переменные в mod_braga.tpl, переименуйте его (например: module_braga.tpl). И укажите этот файл шаблоном для "Последних новостей".
0
hydraq hydraq 9 лет назад #
вот тут поставил http://vfurmanove.ru/

Если не трудно сделайте под последние новости! Сам мало что понимаю)

И еще надо в шапке прописать пункт по установке - в файле templates/t4_goodmade.ru/modules/mod_braga.tpl исправить _default_ на папку вашего шаблона и тогда со стилями все будет ОК!
0
hydraq hydraq 9 лет назад #
в файле templates/ваш_шаблон/modules/mod_braga.tp
0
Иван Шкута Иван Шкута 9 лет назад #
Дело в том что это не имеет значения. У меня не дефолтный шаблон, а модуль расположился в дефолтном. Поскольку цмска не нашла нужного файла в моем шаблоне, она проверяет дефолтный. А стили никак не взаимосвязаны, они все-равно в разных файлах и им все-равно как далеко они находятся друг от друга.
А у меня в tpl путь к файлу css ведет в дефолтный шаблон, придется еще объяснять про это.
Вот если б кто подсказал переменную для подставки вместо _default_ в пути к файлу, чтобы мне не тратить время на ее поиски.
(/templates/_default_/css/braga.css)
-1
Reborn Reborn 9 лет назад #
Я эксперементировал недавно с заменой названия любого шаблона на переменную.
Самое интересное,что эта переменная уже есть в cms.
В php файлах замена проходила успешно,а вот в tpl так и не смог.Приходилось для инициализации во всех компонентах прописывать эту переменную,но это долгий и не нужный путь.
Вот если бы кто подсказал,как эту переменную выводить в tpl.
В php файлах выводим вот так
Код PHP:
<link href="/templates/<?php echo TEMPLATE; ?>/css/reset.css" rel="stylesheet" type="text/css" />
    <link href="/templates/<?php echo TEMPLATE; ?>/css/text.css" rel="stylesheet" type="text/css" />
    <link href="/templates/<?php echo TEMPLATE; ?>/css/960.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/templates/<?php echo TEMPLATE; ?>/css/styles.css"" />
-1
Reborn Reborn 9 лет назад #
Вот если б кто подсказал переменную для подставки вместо _default_ в пути к файлу, чтобы мне не тратить время на ее поиски. (/templates/_default_/css/braga.css)
Коллективно разобрались,решение здесь
0
Иван Шкута Иван Шкута 9 лет назад #
Сделал под последние новости. Скачивайте и устанавливайте обновление.
0
lezginka.ru lezginka.ru 9 лет назад #
автор забыл указать счет для спасибо :)
0
Иван Шкута Иван Шкута 9 лет назад #
Эт всегда пожалуйста :)

R401209930928
0
lezginka.ru lezginka.ru 9 лет назад #
лучше в конце блога(под демо), а то тут не так заметно
0
Иван Шкута Иван Шкута 9 лет назад #
Ну послушаю совета ) хотя бы даже интереса ради )
0
lezginka.ru lezginka.ru 9 лет назад #
желательно иметь возможность выбора размера шрифта для текста
0
Иван Шкута Иван Шкута 9 лет назад #
Это через braga.css
0
Sergey Platonov Sergey Platonov 9 лет назад #
плюс несомненно, только не могу догнать чем отличается от обычного слайдера
0
Иван Шкута Иван Шкута 9 лет назад #
Управляется из админки
0
Иван Шкута Иван Шкута 9 лет назад #
Еще один слайдер выложил. В дополнение к модулю.
0
hydraq hydraq 9 лет назад #
Обновил модуль но последние новости так и не появился - хотя обновил с 1,0 до 1,0,1
0
Иван Шкута Иван Шкута 9 лет назад #
Зайдите через админку в ваш модуль последних новостей (не БраГа) и установите для него шаблон module_latest_braga.tpl
0
My-InstantCMS.Ru My-InstantCMS.Ru 9 лет назад #
c query конфликта не будет? а то изза них неработают "Настроить модуль"
0
Иван Шкута Иван Шкута 9 лет назад #
jQuery включен в Инстанте по умолчанию и в этих модулях я использую именно это подключение. Переменные никак не пересекаюся.
0
lezginka.ru lezginka.ru 9 лет назад #
после обновления почему в модуле 2-3 идет повторы всех статей(Кешировать модуль,стоит "нет")?
0
lezginka.ru lezginka.ru 9 лет назад #
хотел сказать
после обновления, почему-то в модуле идет повторы(2-3) всех статей(Кешировать модуль,стоит "нет")?
0
Иван Шкута Иван Шкута 9 лет назад #
Я не увидел у вас повторений. Или вы имеете ввиду повторную прокрутку?
0
lezginka.ru lezginka.ru 9 лет назад #
я набил 3 статьи в модуль. если страницу оставить н мин5 ,без обновлений, то статьи внутри модуля начинают удваиваться,утраиваться и т.д.

браузер мазила
0
Sergey Platonov Sergey Platonov 9 лет назад #
я делал такой же слайдер - это его проблема и не тока в мазиле, если долго оставить его открытым
0
lezginka.ru lezginka.ru 9 лет назад #
а как можно решить эту проблему ?
иначе придется удалить модуль,т.к. портит и так не важное мнение о сайте
0
Sergey Platonov Sergey Platonov 9 лет назад #
в продолжение этому http://instantcms.ru/forum/thread11399-3.html#92991
автор, а как вы относитесь к http://softinstant.ru/catalog/item363.html или вы сами разрешили добавить на тот сайт ???
0
Иван Шкута Иван Шкута 9 лет назад #
Я бы может и мог разрешить, но никто даже не попытался у меня спросить. А при отсутствии обратной ссылки это уже хамство:
Копирование материалов и статей с сайта SoftInstant - каталог шаблонов, модулей,плагинов,фильтров для InstantCMS возможно только при размещении обратной активной ссылки на источник.
0
Sergey Platonov Sergey Platonov 9 лет назад #
я смотрю там вообще куча всего отсюда скопипастено админом того сайта .
0
picaboo picaboo 9 лет назад #
там еще и торговля компонентами идет официальными.
выгодный бизнес http://domenforum.net/showthread.php?t=144771

http://arbitrage.webmoney.ru/asp/claims.asp?wmid=294474751561

0
lezginka.ru lezginka.ru 9 лет назад #
проблема повторов замечено только в обновлении, в старой этого не наблюдается
0
Black-Raven90 Black-Raven90 9 лет назад #
Слайдер на CSS3 отобразился в Хроме, Firefox. А в Опере и IE не отображается, только место занимает - пустое пространство появляется. Можно как-то исправить или хотя бы убирать пустое место при просмотре в Опере и IE ?
0
lezginka.ru lezginka.ru 9 лет назад #
у меня опера 12,
Модуль "БраГа" показывает
0
Black-Raven90 Black-Raven90 9 лет назад #
Речь о дополнении к модулю, о слайдере на CSS3. Сам модуль с новостями показывается во всех браузерах.
0
Иван Шкута Иван Шкута 9 лет назад #
Вполне возможно. CSS3 пока не может похвастаться полной кроссбраузерностью.
+1
Иван Шкута Иван Шкута 9 лет назад #
На самом деле этот модуль делался ни как слайдер, а как инструмент управления слайдерами. Вы можете взять любой jQuery или CSS модуль, поставить его в файл tpl и вместо путей к картинкам, заголовков и ссылок указать переменные. И управлять этим модулем из админки не парясь с кодом при каждом его обновлении.
Эти два шаблона я поставил для примера.
0
Иван Шкута Иван Шкута 9 лет назад #
Например, я довольно регулярно нахожу разные фишки на этом сайте: http://ruseller.com
Или еще вот здесь: http://yandex.ru/yandsearch?text=jquery+%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C&from=fx3&clid=46510-101&lr=35
0
Sergey Platonov Sergey Platonov 9 лет назад #
я тоже всё дёргаю оттуда - просто скрещиваю скрипт с того сайта с уроками с ядром icms - в итоге получается модуль
0
Иван Шкута Иван Шкута 9 лет назад #
Я тоже так делал. А потом столкнулся с тем, что довольно муторно лазить в код каждый раз когда нужно внести какие-то изменения (например поменять картинку. Поэтому и решил написать админку для этих модулей. Теперь ядро трогать не нужно, достаточно разместить эти модули в tpl и в качестве контента указать переменные.
0
bondar bondar 9 лет назад #
когда наводишь на фото в CSS3 (дополнение к модулю), оно не останавливается
0
lifeact lifeact 9 лет назад #
спасибо отличный модуль...

вот только никак не заведу.

сделал все по инструкции, создаю запись или тыцкаю установить демоданные, но в админке созданные элементы не появляются....
скажите с чем может быть связано?
0
lifeact lifeact 9 лет назад #
посмотрел в консоли ругается тут:

Код PHP:
function addEvent(el, type, fn){
	if (w.addEventListener){
		el.addEventListener(type, fn, false);
[u]Uncaught TypeError: Cannot call method 'addEventListener' of undefined[/u]
	} else if (w.attachEvent){
		var f = function(){
		  fn.call(el, w.event);
		};			
		el.attachEvent('on' + type, f)
Uncaught TypeError: Cannot call method 'addEventListener' of undefined
это в файле ajaxupload.3.5.js
0
Иван Шкута Иван Шкута 9 лет назад #
У меня везде работает, поэтому даже не представляю, что это может быть.
0
Иван Шкута Иван Шкута 9 лет назад #
Проверьте на всякий случай еще раз права на папку /admin/modules/mod_braga/uploads
Без загрузки файлов записи создаются? Встречаются ли в тексте кавычки? Названия файлов на латинице?
0
lifeact lifeact 9 лет назад #
файлы реально в папку записываются, вижу их в папке....
названия естественно все на латинице без пробелов и прочих глупостей.

перезалил уже модуль архивом и прямо на сервере распакавал, установил..... та же фигня....

ага, чего я раньше дебаг режим не врубил)))

Код PHP:
DATABASE ERROR:
SELECT * FROM bg_braga
                WHERE mod_id = 95
				ORDER BY ordering ASC
Table 'моя БД.bg_braga' doesn't exist
походу таблица не создалась. Попробую руками создать, отпишусь.

спасибо что ответил
0
Иван Шкута Иван Шкута 9 лет назад #
Произошло небольшое обновление модуля БраГа. Теперь описания добавляются через визуальный редактор.
0
lifeact lifeact 9 лет назад #
странно, при установке создается скриптом таблица такая - $sql = "CREATE TABLE IF NOT EXISTS cms_braga (...

а как видно из ошибки выше ищет имя - Table 'моя БД.bg_braga' doesn't exist

создал следующим скриптом:
Код PHP:
CREATE TABLE IF NOT EXISTS cms_braga (
  id int(11) NOT NULL auto_increment,
  mod_id varchar(11) NOT NULL,
  img varchar(200) NOT NULL,
  tumb varchar(200) NOT NULL,
  link varchar(200) NOT NULL,
  title varchar(200) NOT NULL,
  description text NOT NULL,
  date date NOT NULL default '0000-00-00',
  published int(11) NOT NULL default '0',
  ordering int(11) NOT NULL,
  PRIMARY KEY  (id)
) ENGINE=MyISAM  DEFAULT CHARSET=cp1251 AUTO_INCREMENT=85
				
и такую таблицу bg_braga и такую cms_braga

при такой bg_braga уже не ругается на отсутствие таблицы, но все равно демоданные и мои данные не добавляет.... теперь совсем хз куда смотреть
0
Иван Шкута Иван Шкута 9 лет назад #
А! Понятно. У тебя префикс не cms_. Этот момент я упустил. Щас поковыряюсь.
0
lifeact lifeact 9 лет назад #
блин, теперь дошло.... думал уж не суждено воспользоваться )))
кидай рублевый кошелек, переведу Рубликов чуть-чуть )
0
Иван Шкута Иван Шкута 9 лет назад #
R401209930928
0
lifeact lifeact 9 лет назад #
ушло, не много, но приятно))

слу, если будет не в напряг, не мог бы к понедельнику подправить?

я так понимаю нужно просто во всех файлах модуля все вхождения стандартного префикса заменить на свой префикс....? Если так, то мне проще подправить самому....
0
Иван Шкута Иван Шкута 9 лет назад #
Поправил. Скачивай обновление. Удаляй неправильный модуль и устанавливай БраГу 1.0.3
0
lifeact lifeact 9 лет назад #
спасибо огромное!))
0
lifeact lifeact 9 лет назад #
а изменил префикс, чтобы было +1 к безопасности ))
0
ALreD ALreD 9 лет назад #
Здравствуйте...
Я пытаюсь (в принципе успешно!) модифицировать Ваше дополнение на CSS3 для своего сайта, и одна проблема для меня не разрешима!
Как у Вас позиционируется текстовый div поверх картинки? Дело в том, что когда я сменил его габариты, он перестал совпадать с текстом. Никакие попаытки и эксперименты не привели к результату!
Очень прошу, подскажите... ВОт скрин, что бы понятнее о чем я говорю:
0
Иван Шкута Иван Шкута 9 лет назад #
Воспользуйтесь файрбагом.
0
Иван Шкута Иван Шкута 9 лет назад #
Вышла БраГа для iCMS 1.10!!! Произошло значительное расширение функционала и обновился слайдер по умолчанию. Приглашаю всех опробовать и оставить свои отзывы :)
0
Иван Шкута Иван Шкута 9 лет назад #
Извиняюсь забыл ссылку на новый пост оставить http://instantcms.ru/blogs/blog-piligrima/obnovlenaja-braga-dlja-icms-1-10.html
0
Harconen Harconen 9 лет назад #
у меня тоже вапрос как изменить бока пример вот покажу
""
0
Harconen Harconen 9 лет назад #
да и скажыти как подстройть задержка между цыклом я имею веду между последней картиной и первой
0
Harconen Harconen 9 лет назад #
да кстати и у вас тоже в E8 не меняютса слайды
""
0
Иван Шкута Иван Шкута 9 лет назад #
Некоторые функции css3 не поддерживаются в старых версиях ишака. Еще раз хотел бы упомянуть, БраГа это не готовое решение, а инструмент для вэбмастеров экономящий время и повышающий гибкость cms. Найдите в интернете любой слайдер jQuery, поместите его html-конструкцию в tpl модуля, укажите в нем вместо путей к картинкам и вместо текстов соответствующие переменные и управляйте этим модулем через админку.
0
Harconen Harconen 9 лет назад #
увожаемый спасиба )))

Еще от автора

Доступность всех групп при редактировании записи
Сейчас администратор при редактировании чьей-то записи не может указать группу в которой не состоит сам.
Редирект менеджер обновлен
Наконец-то дошли руки до редирект-менеджера, вернее до его обновления. Новое: Поддержка 2.10.0+ Маски для исходного URL Переменные для целевого URL
Поле "Точка на карте"
Это поле позволяет указать точку на карте (Яндекс.Карты) и вывести карту с этой точкой в записи / профиле / группе.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.