Как сделать баннер с обратным отсчётом в Рег.сайте

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

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

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

Контент

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

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

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

Дизайн

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

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

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

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

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

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

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