Joomla вкладки (табы) - модуль Dinamod. Обзор и настройка. Скачать.

Dinamod - модуль вкладок (табов) на Joomla 3.x / 2.5 / 1.5модуль joomlajoomla 3.xjoomla 2.5joomla 1.5

Модуль Dinamod - позволяет создавать вкладки (табы), которые состоят из отдельных модулей вашего сайта на cms Joomla 3.x / 2.5 / 1.5. 

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

Доброго времени суток, уважаемые пользователи сайта Max-Joomla.ru. В данной статье, будет показан способ, как с помощью модуля Dinamod, настроить вывод модулей в виде вкладок (табов) в одном модуле.

Что такое вкладки (табы)?

Вкладки (tab английский) - представляет из себя элемент графического интерфейса пользователя, который позволяет в одном окне (области сайта) переключаться между несколькими документами или выбранными элементами, в том случае, когда их доступно несколько, а на выделенном, под них пространстве, может поместится только один элемент. Переключение происходит, при нажатии или наведении на вкладку, соответствующую определенному элементу.

Сами вкладки располагаются на границе с областью, которая выделена под содержимое вкладок. Расположение может быть, как горизонтальным, так и вертикальным.

Внешний вид модуля вкладок - Dinamod

Внешний вид Dinamod 

На изображении выше, схематически показано - вывод модулей с помощью вкладок Dinamod. Каждая вкладка - представляет из себя отдельный модуль вашего сайта. Пользователь может переключатся между вкладками, тем самым он будет просматривать содержимое ваших модулей в одном окне модуля. 

В нашем примере, показано вывод вкладками двух модулей joomla. Их может быть сколько угодно, типы выводимых модулей, также могут быть любыми, например - html код, вход на сайт, меню, статистика, поиск и другие.

Внешний вид вкладок и самой области, для табов - полностью настраивается.

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

Установка Dinamod модуля

Установка - стандартная. Входим в админ-панель -> Расширения -> Менеджер расширений -> выбираем наш архив с модулем -> Загрузить и Установить.

Настройка модуля вкладок

Заходим в "Менеджер модулей" и находим, наш модуль вкладок - Dinamod Tabs module.

У модуля есть несколько параметров настроек: Основные параметры и Дополнительные параметры.

Настройка основных параметров - модуль Dinamod

 

Обратите внимание, на первую настройку "New Position" - dinamod. В данной настройке прописана позиция, которую вы должны указать, для тех модулей, которые должны выводиться вкладками модуля Dinamod. Вы можете изменить позицию "dinamod" - на свою.

Перед настройками модуля, советую выбрать несколько модулей, которые вы будете выводить вкладками - и задать им позицию "dinamod", в противоположном случае, вы не сможете настроить внешний вид модуля вкладок, так как он не будет содержать в себе ни одного модуля и не будет выводиться на странице сайта.

Основные параметры Dinamod модуля:

  • New Position - позиция, которую необходимо указывать, для модулей, которые должны выводится на сайт в виде вкладок.
  • Display Tabs - вкладки будут выводиться над или под модулем.
  • Switch Tabs - переключение между вкладками. Два варианта: OnClick - при нажатии, OnMouseOver - при наведении курсора мышки.
  • Auto Rotate - ротация между вкладками. Если поставить Да, то вкладки будут автоматически переключаться, через определенно заданное время.
  • Auto Rotation Delay (ms) - время для автоматической ротации вкладок в мили-секундах. 3000ms - 3 секунды.
  • Width - ширина области, для вывода контента вкладок. auto - автоматически подбирает ширину. Также можно задать и свое значения - в px, em или %.
  • Height - аналогично ширине области.
  • Padding - поля области контента. Можно задать в px или em. Например 25px или 5px 2px 4px 10px.
  • Background Color - фон для области контента.
  • Tabs Bg Color - фон для табов.
  • Tabs Font Style - стиль текста вкладок.
  • Tabs Font Color - цвет текста не активных вкладок.
  • Tabs Padding - поля для табов.
  • Tabs Left Margin - левый отступ для вкладок. Можно задать в px или em.
  • Tabs Right Margin - правый отступ. 
  • Selected Tab Bg Color - цвет фона активной вкладки.
  • Selected Tab Font Color - цвет текста активной вкладки.
  • hover Tab Font Color  - цвет текста вкладки при наведении курсора мыши.
  • hover Tab Bg Color - цвет фона вкладки при наведении курсора мыши.

 

Дополнительные параметры - Dinamod модуль.

 

Дополнительные параметры:

  • Альтернативный макет - выбор макетов.
  • Tabs Border Radius - округление углов для вкладок. Задается в px, первые две цифры - верхние углы, другие цифры - нижние углы.
  • Content Border Radius - скругление улов, для области вывода контента вкладок.
  • Module Style - стиль модуля.
  • Суффикс CSS-класса модуля - можно указать суффикс и задать модулю индивидуальное оформление.
  • Google Analytics Tracker? - можно включить Google Analytics трекер.
  • Кэширование - включить или выключить кэширование для модуля.
  • Срок кэширования - устанавливается в секундах. 900 - 15 минут.

Скачать модуль вкладок Joomla - Dinamod

Вложения:
Скачать этот файл (mod_dinamods.zip)mod_dinamods.zip[Модуль вкладок Dinamod - для Joomla 3.x/2.5]9 kB
Скачать этот файл (mod_dinamods_1.5.zip)mod_dinamods_1.5.zip[Модуль вкладок Dinamod - для Joomla 1.5]6 kB


Используйте кнопочки - буду очень благодарен!!!

Комментарии   

Андрей
0 # Андрей 22.03.2017 18:27
Не плохой модуль. Понравился, спасибо.
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий


Защитный код
Обновить