Документация: Бегущая строка для Joomla

Настройки модуля находятся в разных местах в зависимости от версии Joomla. Пожалуйста, используйте приведенные ниже пути, чтобы найти модуль:

• Joomla 3: «Расширения» -> «Менеджер модулей»
• Joomla 4/5/6: «Контент» -> «Модули сайта»

В списке модулей найдите «IWS.BY Бегущая строка». Нажмите на название модуля, перед вами откроется страница с доступными настройками. Рассмотрим каждое поле ниже.

Далее в этом разделе описаны настройки, доступные после открытия модуля. Обратите внимание, что настройки разделены по вкладкам.

Основные настройки

Лицензионный ключ

Введите лицензионный ключ, полученный при покупке модуля на сайте IWS.BY. Без ключа в данном поле модуль не сможет получить доступ к серверу обновлений и автоматически обновляться.

Настройки блока бегущей строки

Тип данных

Задаёт тип данных, которые будут отображаться в бегущей строке. Сами настройки данных мы рассмотрим ниже. Настройки данных расположены на дополнительных вкладках модуля в верхней части настроек модуля. Вкладки имеют соответствующие названия вариантам этой опции. Может быть: текст, ссылки  и изображения.

Тип блока

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

Расположение

Позволяет выбрать положение фиксированного блока с бегущей строкой. Данная опция доступна только в случае, если в опции «Тип блока» выбран вариант «Фиксированный». Сверху - фиксированный блок будет расположен в верхней части экрана. Снизу - фиксированный блок будет расположен в нижней части экрана.

Уровень слоя

Позволяет указать уровень слоя, на котором будет показан фиксированный блок с бегущей строкой. Аналог этого свойства в CSS: z-index. Данная опция доступна только в случае, если в опции «Тип блока» выбран вариант «Фиксированный».

Единица измерения ширины

Позволяет выбрать единицу измерения, которая будет добавляться к ширине блока с бегущей строкой. auto - автоматическая ширина, в случае выбора этого значение, ширину нельзя будет указать. px - ширина будет указываться в пикселях.  % - ширина будет указываться в процентах. em - ширина будет указываться в эмах.

Ширина

Позволяет указать ширину блока с бегущей строкой. К числу будет применяться значение из опции выше «Единица измерения ширины».

Единица измерения высоты:

Позволяет выбрать единицу измерения, которая будет добавляться к высоте блока с бегущей строкой. auto - автоматическая высота, в случае выбора этого значение, высоту нельзя будет указать. px - высота будет указываться в пикселях. % - высота будет указываться в процентах. em - высоты будет указываться в эмах.

Высота

Позволяет указать высоту блока с бегущей строкой. К числу будет применяться значение из опции выше «Единица измерения высоты».

Включить внешние отступы?

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

Внешние отступы

Позволяет задать внешние отступы (margin) блока с бегущей строкой со всех сторон. Отступы применяются к границе блока. Сверху - задает внешний отступ сверху в пикселях. Справа - задает внешний отступ справа в пикселях. Снизу - задает внешний отступ снизу в пикселях. Слева - задает внешний отступ слева в пикселях.

Включить внутренние отступы? Отвечает за возможность добавления блоку с бегущей строкой внутренних отступов. Да - под этой опцией появится группа полей, позволяющих добавить внутренние отступы. Нет - возможность указать внутренние отступы будет отключена.

Внутренние отступы

Позволяет задать внутренние отступы (padding) блока с бегущей строкой со всех сторон. Отступы применяются к границе блока. Сверху - задает внутренний отступ сверху в пикселях. Справа - задает внутренний отступ справа в пикселях. Снизу - задает внутренний отступ снизу в пикселях. Слева - задает внутренний отступ слева в пикселях.

Включить границу?

Отвечает за возможность добавления границы к блоку с бегущей строкой. Да - под этой опцией появятся настройки, позволяющие настроить границу блога с бегущей строкой. Нет - выключает возможность добавлять границу к блоку с бегущей строкой.

Ширина границы

Указывает ширину границы блока с бегущей строкой в пикселях.

Стиль границы

Задаёт границы у блока с бегущей строкой. Может быть: сплошная, двойная, точечная  и пунктирная.

Цвет границы

Задает цвет границы блока с бегущей строкой.

Включить закругление углов?

Отвечает за возможность добавления круглых углов у границы с блоком бегущей строки.

Радиус закругления углов

Указывает радиус в пикселях, на который будет закруглены углы у блока с бегущей строкой.

Включить фон?

Отвечает за возможность добавления фона к блоку с бегущей строкой.

Тип фона

Отвечает за выбор типа фона у блока с бегущей строкой. Цвет - появится опция выбора цвета в формате HEX. Градиент - появятся опции, позволяющие выбрать два цвета в формате HEX для градиентного фона блока.

Цвет фона

Задает фоновый цвет блока с бегущей строкой. Указывается в формате HEX. Применяется, если в опции «Тип фона» выбрано значение «Цвет».

Цвет 1

Задает первый цвет градиента для блока с бегущей строкой. Первый цвет применяется к верхней половине блока с бегущей строкой. Указывается в формате HEX. Применяется, если в опции «Тип фона» выбрано значение «Градиент».

Цвет 2

Задает второй цвет градиента для блока с бегущей строкой. Второй цвет применяется к нижней половине блока с бегущей строкой. Указывается в формате HEX. Применяется, если в опции «Тип фона» выбрано значение «Градиент».

Настройки бегущей строки

Режим движения

Задаёт направление движения бегущей строки. Возможные значения: сверху вниз, справа налево, в правую сторону, снизу вверх.

Скорость движения

Позволяет указать скорость движения данных в бегущей строке. Скорость движения указывается в миллисекундах. Обратите внимание: скорость движения отвечает за количество миллисекунду, в течении которых будет показано сообщение в бегущей строке.

Остановка движения

Отвечает за возможность остановки движения бегущей строки при наведении на неё курсором мыши.

Включить цикличность?

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

Расстояние между циклами

Указывает расстояние в пикселях между циклами данных в бегущей строке.

Задержка перед анимацией

Указывает время в миллисекундах, через которое после полной загрузки страницы сайта начнётся воспроизведение бегущей строки.

Начало показа

Отвечает за позицию, с которой будет начинаться показ в бегущей строке. В начале блока - данные бегущей строки будет показано после загрузки страницы и начнёт своё воспроизведение. В конце блока - данные бегущей строки будут скрыты и после загрузки страницы начнут своё воспроизведение со скрытого края бегущей строки.

Настройка текста

Настройки режима «Текст» расположена во вкладке настроен модуля с названием «Текст». Обратите внимание: данный режим применяется, если главной вкладке настроек модуля, в поле «Тип данных» выбрано значение «Текст».

Текст

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

Цвет текста

Задает цвет текста с сообщением в блоке с бегущей строкой.

Цвет текста при наведении

Задает цвет текста с сообщением в блоке с бегущей строкой, когда на него наведён курсор мыши.

Включить ссылку?

Отвечает за возможность добавления ссылки к текстовому сообщению бегущей строки.

Ссылка

Введите прямой адрес ссылки, на которую должно отправлять посетителя при нажатию на сообщение в бегущей строке.

Атрибут открытия ссылки

Отвечает за открытие ссылки в браузере посетителя. Может быть: в новой вкладке и в текущей вкладке.

REL атрибут ссылки

Задаёт атрибут REL для ссылки, оборачивающей текст в бегущей строке. Возможные значения: Nofollow - атрибут запрещает переход поисковым роботам по ссылке. Noreferrer - атрибут запрещает передачу ссылке источника перехода (вашего сайта).

Настроить типографию?

Отвечает за возможность изменения стандартной типографии. При выборе значение «Да», появятся дополнительные настройки типографии.

Размер текста

Указывает размер текста сообщения в бегущей строке.

Единица измерения текста

Отвечает за единицу измерения, которая будет добавляться к размеру текста бегущей строки. px - размер текста будет в пикселях. % - размер текста будет в процентах. em - задаст размер шрифта на 20% больше, чем размер шрифта родительского элемента.        rem - задаст размер шрифта на 20% меньше, чем размер шрифта корневого элемента.

Высота строк

Указывает высоту строк текста сообщения в бегущей строке.

Единица измерения высоты строк

Отвечает за единицу измерения, которая будет добавляться к высоте строк текста бегущей строки. Без единицы измерения - высота строки будет обычным числом, без единицы измерения. px - высота строк будет в пикселях. % - высота строк будет в процентах. em - задаст высоту строки на 20% больше, чем размер шрифта родительского элемента. rem - задаст высоту строки на 20% меньше, чем размер шрифта корневого элемента.

Толщина текста

Отвечает за толщину текста бегущей строки. Аналог свойства в CSS: font-weight.

Трансформация текста

Отвечает за преобразование текста в бегущей строке. Аналог свойства в CSS: text-transform. Первые заглавные - первая буква каждого слова будет заглавная. Строчные - каждая буква слова будет строчной. Верхний регистр - каждая буква слова будет иметь верхний регистр. Не менять регистр - регистр будет установлен в напечатанном виде в поле «Текст».

Стиль текста

Отвечает за стиль текста в бегущей строке. Аналог свойства в CSS: font-style.

Оформление текста

Отвечает за оформление текста в бегущей строке. Аналог свойства в CSS: text-decoration.

Настройка ссылок

Настройки режима «Ссылки» расположена во вкладке настроен модуля с названием «Ссылки». Обратите внимание: данный режим применяется, если главной вкладке настроек модуля, в поле «Тип данных» выбрано значение «Ссылки».

Тип списка ссылок

Отвечает за вид списка ссылок.

Отступы между ссылками

Задаёт расстояние между элементами в списке ссылок. Указывается числом в пикселях. Отступы устанавливаются в зависимости от выбранного значении в опции «Тип списка ссылок». Если выбрано значение «Горизонтальный», то расстояние будет устанавливаться справа от ссылки. Если выбрано значение «Вертикальный», то расстояние будет устанавливаться снизу ссылки.

Список ссылок

Задаёт ссылки, которые будут в бегущей строке.

Ниже будут описаны поля, которые доступны к каждой настраиваемой ссылке.

Название ссылки

Задаёт визуальное название ссылки.

Адрес ссылки

Задает прямой URL адрес, на который должен быть осуществлён переход по нажатию на ссылку.

Атрибут открытия ссылки

Отвечает за открытие ссылки в браузере посетителя.

REL атрибут ссылки

Задаёт атрибут REL для ссылки, оборачивающей текст в бегущей строке. Nofollow - атрибут запрещает переход поисковым роботам по ссылке. Noreferrer - атрибут запрещает передачу ссылке источника перехода (вашего сайта).

Цвет ссылки

Задает цвет текста с сообщением в блоке с бегущей строкой.

Цвет ссылки при наведении

Задает цвет текста с сообщением в блоке с бегущей строкой, когда на него наведён курсор мыши.

Настроить типографию?

Отвечает за возможность изменения стандартной типографии. При выборе значение «Да», появятся дополнительные настройки типографии.

Размер текста

Указывает размер текста ссылок в бегущей строке.

Единица измерения текста

Отвечает за единицу измерения, которая будет добавляться к размеру ссылок бегущей строки. px - размер текста будет в пикселях. % - размер текста будет в процентах. em - задаст размер шрифта на 20% больше, чем размер шрифта родительского элемента. rem - задаст размер шрифта на 20% меньше, чем размер шрифта корневого элемента.

Высота строк

Указывает высоту строк ссылок в бегущей строке.

Единица измерения высоты строк

Отвечает за единицу измерения, которая будет добавляться к высоте строк ссылок бегущей строки. Без единицы измерения - высота строки будет обычным числом, без единицы измерения. px - высота строк будет в пикселях. % - высота строк будет в процентах. em - задаст высоту строки на 20% больше, чем размер шрифта родительского элемента. rem - задаст высоту строки на 20% меньше, чем размер шрифта корневого элемента.

Толщина текста

Отвечает за толщину ссылок в бегущей строке. Аналог свойства в CSS: font-weight.

Трансформация текста

Отвечает за преобразование названия ссылок в бегущей строке. Аналог свойства в CSS: text-transform. Первые заглавные - первая буква каждого слова будет заглавная. Строчные - каждая буква слова будет строчной. Верхний регистр - каждая буква слова будет иметь верхний регистр. Не менять регистр - регистр будет установлен в напечатанном виде в поле "Текст".

Стиль текста

Отвечает за стиль ссылок в бегущей строке. Аналог свойства в CSS: font-style.

Оформление текста

Отвечает за оформление ссылок в бегущей строке. Аналог свойства в CSS: text-decoration.

Настройка изображений

Настройки режима «Изображения» расположена во вкладке настроен модуля с названием «Изображения». Обратите внимание: данный режим применяется, если главной вкладке настроек модуля, в поле «Тип данных» выбрано значение «Изображения».

Тип списка изображений

Отвечает за вид отображения изображений в бегущей строке.

Ширина изображений

В поле вводится ширина, применяемая ко всем изображениям в горизонтальном режиме отображения. Указывается числом в пикселях.

Высота изображений

В поле вводится высота, применяемая ко всем изображениям в вертикальном режиме отображения. Указывается числом в пикселях.

Отступы между изображениями

Задаёт расстояние между изображениями. Указывается числом в пикселях. Отступы устанавливаются в зависимости от выбранного значении в опции «Тип списка изображений». Если выбрано значение «Горизонтальный», то расстояние будет устанавливаться справа от изображения. Если выбрано значение «Вертикальный», то расстояние будет устанавливаться снизу изображения.

Список изображений

Задаёт изображения, которые будут в бегущей строке. Ниже будут описаны поля, которые доступны к каждому изображению.

Изображение

Открывает медиа менеджер Joomla, в котором можно загружать изображения и выбирать.

Название изображения

Задает название к изображению. Используется как ALT атрибут к изображению.

Ссылка

Задает прямой URL адрес, на который должен быть осуществлён переход по нажатию на изображение.

Атрибут открытия ссылки

Отвечает за открытие ссылки изображения в браузере посетителя.

REL атрибут ссылки

Задаёт атрибут REL для ссылки, оборачивающей изображение в бегущей строке. Nofollow - атрибут запрещает переход поисковым роботам по ссылке. Noreferrer - атрибут запрещает передачу ссылке источника перехода (вашего сайта).

Настройка CSS и JS

Модуль поддерживает добавление на сайт собственного CSS и JS кода. Для этого перейдите во вкладку настроек модуля «CSS и JS». Обратите внимание: данный раздел настроек предназначен только для пользователей, разбирающихся в синтаксисе CSS и JavaScript.

CSS код

Введите CSS код, который должен быть добавлен на сайт. Обратите внимание, что в поле вводится сразу CSS код без всяких HTML атрибутов.

JS код

Введите JavaScript код, который должен быть добавлен на сайт. Обратите внимание, что в поле вводится сразу JavaScript код без всяких HTML атрибутов.