Гибкий и настраиваемый баннер

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

1. Настройки баннера

В данном разделе определяются параметры фона баннера:

Тип фона:

• Можно выбрать отсутствие фона.
• Фоновое изображение
• Градиент или однотонный цвет.
• Цвет затемнения: доступно, если выбран фоновый тип «изображение».
• Прозрачность затемнения: регулируется в диапазоне от 0% до 100%.

Расположение фона: можно задать ширину баннера — на всю ширину страницы или ограниченную ширину блока.

Фоновое изображение: загружается, если выбран соответствующий тип фона.

Цвет фона: используется при однотонном фоне.

Градиентный фон: задаются начальный и конечный цвета, а также направление градиента.

Ширина контейнера: устанавливает ширину блока (по умолчанию 1200px).

Отступ сверху и снизу: регулирует вертикальные отступы (по умолчанию 20px).

2. Содержимое баннера

Раздел отвечает за настройку отображаемого контента:

Картинка в баннере: возможность включить изображение внутри баннера.

Заголовок: можно включить и задать его текст.

Подзаголовок: аналогично заголовку, но с возможностью отдельной настройки.

Описание: текстовое описание баннера.

Кнопка с формой: при активации отображается кнопка, открывающая модальное окно с формой.Возможность задать название кнопки.

Выбор формы из существующих форм в системе.

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

3. Настройки контента

Дополнительные параметры оформления содержимого:

Расположение изображения (если оно включено):

• слева или справа.

Настройки заголовка:

• Выбор HTML-тега (h1-h5, span).
• Цвет заголовка.

Настройки подзаголовка:

• Выбор HTML-тега.
• Цвет текста.

Настройки описания:

• Возможность задать цвет текста.

Оформление кнопки с формой:

• Цвет кнопки в обычном состоянии и при наведении.
• Цвет заголовка.

Оформление произвольной кнопки:

• Аналогичные настройки цвета кнопки и текста.
• Опция открытия ссылки в новой вкладке.