Перейти к основному контенту

Как сделать баннер с обратным отсчётом в REG.Site

Если на вашем сайте скоро стартует акция или вы анонсировали мероприятие, для привлечения внимания на сайте можно установить баннер с обратным отсчётом. Для примера мы создадим вот такой баннер:

Как добавить баннер обратного счёта 1

Чтобы добавить модуль «Обратный отсчёт»:

  1. 1.
  2. 2.
    Выберите строку, в которую хотите добавить модуль.
  3. 3.
    Нажмите на серый плюс.
  4. 4.

    Выберите нужный модуль:

    Как добавить баннер обратного счёта 2

Теперь можно приступать к настройке внешнего вида баннера. Настройки модуля разделены на 3 вкладки: «Контент», «Дизайн», «Дополнительно».

Контент

В блоке «Текст» укажите заголовок, выберите дату и время начала акции или мероприятия.

Как добавить баннер обратного счёта 3

В блоке «Ссылка» можно указать ссылку на страницу с подробностями мероприятия и как она будет открываться (в той же вкладке или в отдельной).

Как добавить баннер обратного счёта 4

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

Как добавить баннер обратного счёта 5

Дизайн

В блоке «Текст» настройте расположение текста (слева, по центру, справа, по ширине) и тень текста.

Как добавить баннер обратного счёта 6

В блоке «Заголовок Текст» настраивается:

  • HTML-тег заголовка,
  • расположение на баннере,
  • шрифт,
  • цвет,
  • межбуквенный интервал,
  • тень.

Как добавить баннер обратного счёта 7

В блоке «Номера Текст», «Разделитель Текст», «Метка Текст» настраивается расположение элементов на баннере, шрифт, цвет, межбуквенный интервал, тень динамической части с цифрами.

Как добавить баннер обратного счёта 8

В блоках «Размеры» и ​​«Отступы» можно настроить размер всего модуля и его положение на странице. В блоке «Границы» настраивается рамка для всего модуля. В блоке «Анимация» настраиваются параметры появления модуля на странице (с затемнением, отскок, слайдер и др.).

Дополнительно

Блоки «ID и классы CSS», «Пользовательский CSS» и «Атрибуты» предназначены для работы с CSS и HTML. В блоке «Видимость» можно отключить модуль на определённом устройстве. Например, модуль не будет отображаться на мобильных устройствах.

Как добавить баннер обратного счёта 9

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 0