- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Drupal 7.x. Как изменить parallax фон и фоновое видео
Декабрь 9, 2015
Из этого туториала Вы узнаете, как изменить фон parallax и видео-фон в новых шаблонах Drupal.
Drupal 7.x. Как изменить parallax фон и фоновое видео
Давайте выберем область parallax, которую нужно изменить. В нашем случае это будет фоновое изображение parallax Воплощаем стоящие идеи научных проектов (Implementing innovative ideas for scientific projects).
В новых шаблонах процедура внесения изменений была упрощена.
В принципе, Вы можете изменить изображение parallax или видео-фон двумя способами:
-
Войдите в вашу админ панель Drupal и перейдите на вкладку Структура (Structure), затем Блоки (Blocks). Также, вы можете получить доступ к настройке блоков с самого сайта: нажмите на значек Настроить блок (Configure Block), который возникнет, когда Вы наведёте курсором мышки на заголовок:
-
После этого выберите блок Раздел 2 (Section 2), так как заголовок соответствует этому блоку, настройте его. Далее нажмите на колёсико справа, для того чтобы выбрать опцию Настроить (Configure):
-
Поставьте галочку напротив настройки Использовать parallax (Use parallax) в области Настройки фона блока TM (TM Block Background Settings):
-
Выберите тип фона parallax Изображение (Image) (конечно, это может быть видео-фон), и выберите новое изображение из библиотеки, затем нажмите на кнопку Подтвердить (Submit):
-
Теперь Сохраните блок (Save block) и обновите сайт:
Второй способ: использование настроек шаблона:
-
Перейдите на вкладку Внешний вид (Appearance), затем Настройки (Settings) в правом верхнем углу. Выберите theme##### среди доступных шаблонов:
-
После этого нажмите на кнопку Настройки разделов (Regions Settings) и найдите раздел Раздел 2 (Section 2).
-
Выберите тип фонового изображения parallax Изображение (Image). Вы можете поставить галочку напротив настройки Использовать parallax (Use parallax). Если Вы хотите, поставьте галочку напротив настройки На всю ширину экрана (Fullwidth), и тогда изображение займёт всю ширину экрана. Далее, выберите новое изображение из библиотеки медиафайлов, затем нажмите на кнопку Подтвердить (Submit):
-
В конце Сохраните настройки (Save configuration):
Вы можете также ознакомиться с детальным видео-туториалом ниже: