Как изменить дизайн верхней части сайта?

голоса: 0

В верхней части сайта https://frommeat.net/ расположено видео с помощью такого кода:

<div class="head-top">
<div id="trailer" class="is_overlay">
<video id="video" loop="loop" autoplay="" muted="" poster="/.s/t/1817/mainbg.png">
<source src="/.s/t/1817/mainbg.mp4">
</video>
</div>
Как вместо видео расположить обычное фото? Как правильно прописать код?
Адрес сайта frommeat.net/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0

Замените код:

<video id="video" loop="loop" autoplay="" muted="" poster="/.s/t/1817/mainbg.png"> <source src="/.s/t/1817/mainbg.mp4"> </video>

на:

<img src="/.s/t/1817/mainbg.png" id="video" >

| Автор:
Спасибо! Еще вопрос: как сделать, что-бы в мобильной версии изображение сжималось полностью и не обрезалось? Сейчас так: https://prnt.sc/sf6j98 А хотелось бы так: https://prnt.sc/sf6jts
Александр Попов,

пропишите фото так:

<img src="/Fotoglavnay/internet-magazin_dlja_mjasa.jpg" style="width: 100%;height: 278px!important;">

Yuri_Geruk,
Получается еще хуже https://prnt.sc/sf6xtz
Александр Попов,
Тогда не меняйте и оставьте как есть.
Yuri_Geruk,

Спасибо за ответ. И последний вопрос по главной: Как заменить изображение фоновое https://prnt.sc/sf74q0 ? В коде прописано так: 

<div class="promo-section2">
<div class="wrapper">
<div class="border-quote">
<p>Lorem ipsum dolor sit amet,consetetur sadipscing elitr, Stet clita kasd gubergren, Stet clita kasd
gubergren, sed diam voluptua. no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
Александр Попов,
  1. Перейти в панель управления - Дизайн - Редактор - CSS, удалить все содержимое, после вместо удаленного содержимого установить содержимое с файла https://frommeat.net/.s/src/css/1817.css - Сохранить.
  2. После найти строку номер 208:

.promo-section2{background:url(/.s/t/1817/promo-sect2bg.png) 50% no-repeat fixed;position:relative;}

вместо выделенного красным https://frommeat.net/.s/t/1817/promo-sect2bg.png прописать свое фото размерами 1920х1209.

Yuri_Geruk,
Спасибо огромное! Буду пробовать
...