Как вам помочь ?
Обложки
Рассмотрим работу с фоновыми изображениями. А именно:
Добавление фонового изображения
Переходим в конструктор воронок и добавляем новый блок. Нажимаем на блок “Обложки”. Выбираем один из представленных вариантов (рис.1).
Рисунок 1.
Каждый блок имеет свои определенные функции. Здесь можно разместить блоки: с текстом, кнопками, видео, формой захвата, обложкой-каруселью. Теперь переходим к изменению фона обложки. Заходим в “Настройки” (рис. 2).
Рисунок 2.
Поменяем фоновое изображение. Для этого нажимаем “Обновить изображение” (рис. 3).
Рисунок 3.
Есть варианты:
-
Загрузить изображение с компьютера
-
Загрузить по ссылке
-
Загрузить изображение из галереи (рис. 4)
Рисунок 4.
Загрузка изображений из галереи осуществляется с ресурса www.pexels.com. Все изображения из данного источника полностью бесплатные для коммерческого использования.
В строке поиска можно набрать запрос по Вашей тематике и будут выданы соответствующие изображения, из которых Вы можете выбрать фоновое (рис. 5).
Рисунок 5.
Выбираем изображение. Далее можно редактировать, как оно будет выводиться, например обрезать, изменить размеры выводимой области. Нажимаем “Применить” (рис. 6).
Рисунок 6.
Как видите, на заднем фоне картинка уже поменялась (рис. 7).
Рисунок 7.
Также доступны следующие опции:
1) Затемнение. Можно регулировать при помощи ползунка, на фоне видно, как меняется картинка (рис.8). Обычно используется для того, чтобы был лучше виден текст.
Рисунок 8.
2) Поведение:
-
Не выбрано
-
Фиксированный фон (при скроле изображение не двигается)
-
Параллакс (картинка растягивается по размеру блока)
Переход фона к следующему блоку
Рассмотрим, как реализовать переход фона обложки в другой блок, например, в шапку как показано на рисунке ниже (рис. 9).
Рисунок 9.
Для этого выполним следующие действия. В настройках блока шапки включаем настройку “Наезжать на соседний блок”, устанавливаем соответствующую цветовую схему и логотип (рис. 10)
Рисунок 10.
Также можно в настройках обложки включить опцию “Переход к следующему блоку” (рис. 11). Добавляется внизу блока стрелка, при нажатии на которую происходит переход к следующему блоку страницы (рис. 12).
Рисунок 11.
Рисунок 12.
Высота блока с фоном
По умолчанию, блок с фоном занимает около 2/3 всего экрана по высоте. Иногда возникает необходимость сделать так, чтобы блок с фоном занимал по высоте весь экран.
Для решения этой задачи у блоков вида "Обложка" есть настройка "Высотка блока 100%" (рис. 13).
Рисунок 13.
С такой настройкой блок с фоном выглядит следующим образом (рис. 14):
Рисунок 14.