Дополнительный шаблон модуля для InstantCMS [1.10.6].

20 апреля 2015 - Feodor
Здравствуйте.

Будни фронтенд-разработчика на новой работе проходят достаточно насыщенно, потому у меня накапливается много полезных скриптов, которые на досуге предпочитаю переносить на наш инстант. Месяц назад писался простенький скрипт, который скрывает-раскрывает блок и хранит результат в куках, появилось немного времени сделать из него альтернативный шаблон модуля. В конце находятся собственно исходники.

Смотрим демо.

Принцип работы: посетитель нажимает на первую иконку, тело модуля прячется, иконка меняется . Нажимая на новую иконку, тело модуля появляется. Выбор хранится в куках.
Как сделать. Клонируем module.tpl и называем его на своё усмотрение, например module_hide.tpl

Определяем положение иконок, в удобном месте помещая две кнопки - скрыть и показать. Предлагаю это делать сразу под переменной :
Код HTML:
Далее оборачиваем тело модуля в div:
В конце нашего файла вставляем скрипт.

Код JAVASCRIPT:
  1. $(document).ready(functionfunction());
В css вписываем

Код CSS:
  1. .hide-a-btn,.show-a-btn
  2. .hide-a-btn img,.show-a-btn img
  3. .show-a-btn img
  4. .hide-a-btn img
  5. .module
Переходим в редактирование модуля и выбираем шаблоном модуля module_hide.tpl.
Остальное стилизируем в стилях на своё усмотрение. Такой шаблон вывода вполне подойдёт для статических блоков или навязчивой рекламы.

На этом всё. Скачать готовые файлы можно
здесь.

Также вынужден заявить, что дальнейшая разработка на заказ прекращается в связи с постоянной занятостью.


Instantcms.ru


Похожие статьи:

Новости разработчиковМодуль аккардион статей

Новости разработчиковАнонс модуля "Поощрение пользователей"

Новости разработчиковЗагрузка расширений через админку

Новости разработчиковЗаменяем название компонента, url и т.д. на примере FAQ

Новости разработчиковКомпонент Сервис Ёлок ver.1.1

Рейтинг: 0 Голосов: 0 238 просмотров
Комментарии (0)

Нет комментариев. Ваш будет первым!