- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Landing Page. Как заменить фоновое видео изображением
Июль 7, 2015
Добрый день! Из этого туториала Вы узнаете, как заменить фоновое видео изображением в шаблонах Landing Page.
Landing Landing Page. Как заменить фоновое видео изображением
Если Вы хотите заменить фоновое видео на стандартное фоновое изображение, Вы можете следовать таким инструкциям:
Во-первых, Вам нужно деактивировать сценарий, который запускает видео.
-
Используя FTP/Менеджер файлов откройте файл /js/scripts.js для редактирования.
-
В этом файле найдите следующий код:
(function ($) { var o = $('.vide'); if (o.length > 0) { include('js/jquery.vide.js'); } })(jQuery);
Этот код нужно деактивировать, комментировав его, или удалить его. В результате Вы получите следующее:
/*(function ($) { var o = $('.vide'); if (o.length > 0) { include('js/jquery.vide.js'); } })(jQuery);*/
Сохраните файл, для того чтобы изменения вступили в действие:
Вы можете видеть, что видео больше не отображается на сайте:
Теперь добавим фоновое изображение на страницу.
-
Загрузите желаемое фоновое изображение в папку /images/ . Например, этим изображением будет «background-image.jpg».
-
Затем, используя дополнение Firebug для браузера Firefox или стандартный функционал «Исследовать элемент» («Inspect Element») других браузеров, найдите класс, который был закреплён за видео:
-
Теперь назначим правило CSS найденному ранее классу. Правило будет выглядеть таким образом:
.vide { background-image: url("../images/background-image.jpg"); }
Добавьте код в конец вашего файла /css/style.css:
Не забудьте сохранить файл, для того чтобы изменения вошли в силу.
Перейдите на ваш сайт и обновите страницу, для того чтобы увидеть внесённые изменения.
Фоновое изображение было успешно добавлено.
Это конец данного туториала. Теперь Вы знаете, как изменить фон в вашем шаблоне Landing page.
Вы можете также ознакомиться с детальным видео-туториалом ниже: