Video

В папке User создаём custom.css и в нём стилизуем интерфейс как удобно. Можно использовать DevTools в пункте меню Help, чтобы посмотреть DOM.

@@wdm ти етот шедевр сам сделал

Ну, VS Code - это по сути та же веб-страничка, можно оформить как хочешь 😄

@@wdm круто я не знал што так можно, один вопрос сколько ти занимаешся програмированиям(веб) и кто ти такой ти правда крут

С 2005 года.

Ручками ☝️

Нет, только стилизация видео в редакторе под окружение в сцене.

Без проблем. Просто удобно работать именно в том селекторе, который стилизуем и с медиазапросами. В файле, который будет выделен для медиа-запросов придется повторять всю цепочку селекторов.

@@wdm какие для этого плагины нужно использовать? Нужно скомбинировать все медиа запросы и их вставить в отдельный файл под названием media.css, а остальные стили в style.css.

Плагины не нужны. Если используете препроцессор, реализацию и боейкпоинты можно посмотреть здесь: github.com/agragregra/start_html/blob/master/_optimized_gulp_sass/sass/_media.sass

Если без препроцессора, то вот пример: github.com/agragregra/Simple-Starter/blob/main/css/media.css

А терминал в какой папке запущен? Его нужно запустить в той папке, где есть этот файл.

@@wdm терминалу дал путь именно как у вас C:\Program Files\ffmpeg\bin у меня все запущен но, видео не читает и я не понимаю как, хотя сделал так как вы показали но, у вас видео название такой background-60.mp4 а у меня background-60, но я не знаю насколько это влияет. Можете что нибудь посоветовать?

В настройках папки следует включить отображение расширений файлов, если оно отключено. Там в папке нужно найти настройки и отключить галочку "скрывать расширения". После этого обязательно нужно убедиться, что открыта именно та папка, в которой есть "background-60.mp4", вместе с расширением .mp4. В этой папке нужно запустить правой кнопкой мыши терминал и выполнить команду конвертации.

​​@@wdmА у вас Виндовс или Линукс? Ну я сделал как вы написали, ну так: нашли "скрывать расширений" и убрали галочку и сразу рядом background-60 появился слово .mp4 но все равно дает ошибку. Я не могу открыть терминал именно в папке, я открываю терминал с Win+R и пишу CMD и там написано C:\Users\abdul> и вставляю вашу команду, то есть вот так выходит: C:\Users\abdul> ffmpeg -i background-60.mp4 -vf scale=1920:-1 -movflags faststart -vcodec libx264 -crf 20 -g 1 -pix_fmt yuv420p background.mp4 и нажимаю Энтер и выходит ошибка. У меня Windows может поэтому у меня проблема

Нужно открыть терминал именно в папке. Зажмите Shift, правая кнопка мыши и появится нужный пункт. У меня Windows.

На странице урока, ссылка в описании.

Просто размещаете контент дальше, а там можете и анимацию перехода какую-нибудь сделать.

Обертку части текста можно выполнить на фронтенде, либо с помощью регулярных выражений, либо по количеству слов. Тег br же нужно будет вводить пользователю через систему управления контентом вручную. Однако не рекомендую давать пользователю хоть какие-нибудь инструменты дизайна. Если использовать br, придется писать более сложное выражение для автоматической разбивки Поэтому как показывает практика, проще и лучше обернуть в span.

Можно создать инлайновый тег style, в который загружать переменные, в зависимости от медиа запросов: <style> :root { --background-1: url(image-regular.png) } @media (max-width: 300px) { :root { --background-1: url(image-small.png) } } </style> <div style="background-image: var(--particular-ad);"></div> И так для каждого слоя.

@@wdmлучший, спасибо

Здравствуйте. Здесь всё просто. Мы же задаем высоту секции в vh, где происходит анимация. То есть когда анимация завершается, фактически, мы доскроллили до конца. Это значит, что дальше будет прокручиваться весь дальнейший контент. Вам просто необходимо добавить обертку для контента, указать position: relative, при необходимости подобрать z-index и верстать последующий контент, который будет прокручиваться дальше. Если внимательно посмотреть и понять урок - когда начинается, когда заканчивается анимация, как происходит привязка к скроллу, всё встанет на свое место и ответ будет на поверхности.

Спасибо! Приятного обучения)

Спасибо! Навскидку не вспомню, есть или нет. Но делается это довольно легко. У полосы меню - position: fixed; top: 0; width: 100%