4:01 на самом деле можно сделать ещё легче нажав на файл/изображение и прожать ctr+shift+c(copy full path) и при нажатии ctr+v ты сможешь поместить весь путь в строку
У меня сначала не получалось поставить задний фон из файла, потом разобрался. Дело было в том что: 1. У меня в файловой системе по умолчанию слеши левые \, а нужно правые / 2. Нужно добавить две точки и косую в начале"../" Так заработало: body { background-image: url('../img/background.jpg'); height: 100vh; background-size:cover; }
Спасибо большое за ваши курсы! Четкие, понятные и без воды! Но у меня есть вопрос: подскажите, пожалуйста, на сколько является безопасным брать картинки с яндекса или гугла или со стоков картинки для сайта, могут ли оштрафовать за нарушение авторских прав? знаю, что есть определенные параметры по поиску картинок. Но в интернете слишком много разной и протеречивой информации по этому поводу.
Если собираетесь создать свой собственный сайт, где будут использоваться картинки взятые с интернета - то могут оштрафовать. Лучше создайте свою правдоподобную картинку, чтобы не было нарушение авторских прав)))
url адреса срабатывает фон, а вот картинку сколько раз не вставлял и по разному, но не в какую. я прошу прощения за свою назойливость.. но в нашем городке нет таких курсов по фронтэнт направлениям 🤷♂ есть курсы 1С 😜 но это не моё
Честно не знаю Правильно ли я понял твою проблему, но у меня было такое что я оставлял фото с устройства но они не срабатывали оказалось надо было чтобы картинки были в той же папке что и HTML
Хочу поделиться опытом. Не читайете всякие шляпы типа Head First - Изучаем HTML, XHTML и CSS. 720 страниц! Я прочитал раньше. Там моооре воды.HTML и CSS вообще мелоч, там все просто. Все что нужно знать - это HTML - разметка текста, CSS - это задание стилей тексту в HTML по тэгам. Лучше Javascript, Python или PHP изучать.
До 5 го урока у меня всё работала . Теперь в 5 уроке у меня изменения внесённые перестали работать 😢 очистила историю chrome не помогает. Что делать помогите
Привет, Гоша! Объясни, пожалуйста, в чем разница между ПРОСТО добавлением картинки и добавлением картинки с BACKGROUND-ATTACHMENT: FIXED; ? Просто в обоих случаях картинка стоит на месте, но какая-то разница при перемещении по сайту чувствуется.
Смотри, Если не указывать background-attachment: fixed, то картинка будет отображаться как обычно, как допустим превью на ютубе. А если указать данное свойство, то картинка как бы будет всегда показывать одно и то же, то есть стоять на месте. Если ничего не понял попробуй пересмотреть момент в уроке с данным свойством, либо создай свою картинку с большей высотой, тогда данный эффект будет лучше заметен. Надеюсь что помог.
кто-то может подсказать почему когда пишу в background: cover то картинка пропадает и белый фон появляется? Также пробовал с background-size: cover результат один и тот же
Коллеги, может, кому-то поможет. Повторял за уроком, взял локальный файл для фона, но в постановке фоновой картинки у меня ничего не происходило, хотя код был как во всех туториалах. На фоне картинка не появлялась, хотя другие команды, например, фоновый цвет, работали корректно. Вам стоит открыть ваш html через браузер, посмотреть код элемента. В окне CSS команда отображалась. Но в консоли было сообщение об ошибке, что файл не найден. Там же в консоли можно нажать на ссылку к файлу и посмотреть, как браузер видит указанный Вами путь. Попробуйте указать полный путь к файлу, также будьте внимательны при копировании файлового пути в windows, автоматически там используются обратные слеши.
Чтобы вместить дополнительные элементы страница стала больше по вертикали...в результате её стало можно прокручивать колёсиком. При прокрутке фоновая картинка тоже прокручивается, но добавление background-attachment: fixed фиксирует картинку и она не прокручивается вместе с остальными элементами.
Не понятно почему, но в CSS файле привязка URL к папке IMG/jpg не работает. А вставил в HTML в head, через атрибут style всё работает. При этом шрифты и цвета из css работают. Но всё равно спасибо за ваши труды и объяснения. Я имею ввиду картинку для бекграунда не отображает, хотя видит дорожку.
А можно картинку ( как фон) сделать так, что бы она была на весь экран и была видна целиком в независимости как мы будем менять масштаб? Ну т.е. я жму Ctrl+ срол ( больше меньше), а картинка заднего фона остается не изменной и масштабируется только контент страницы.
или же выдели кусок кода, который ты хочешь превратить в комментарий, и нажми ctrl + /. Это работает не только в css, но и в html, и в языках программирования
3:20 -- Совет: Будьте осторожны в выборе изображений)) А то может получиться как у меня)) file:///C:/Users/Пользователь/Desktop/SCR3248-A/UWU/index.html#
Гм... а я скачал картинку и указал путь - не работает. Сто раз проверил точность - не работает. В то время как картинка из сети отображается норм. ХЗ в чём прикол.
Не понятно почему, но в CSS файле привязка URL к папке IMG/jpg не работает. А вставил в HTML в head, через атрибут style всё работает. При этом шрифты и цвета из css работают. Но всё равно спасибо за ваши труды и объяснения. Я имею ввиду картинку для бекграунда не отображает, хотя видит дорожку.
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
Смотрю твои уроки в перерывах между чтением книги по CSS!
Спасибо!)
Друг, а что за книга, если не секрет?
@@ИнотИнотович нашли что-то?
@@roman3403 да только видео-уроки по вёрстке сайтов. Пока хватает информации
12:13 с картинкой можно еще немного поиб... поиграться)
Щас заметил это 😂
Программистские приколы
У меня почемуто не все работает,но это не беда,урок отличный,продолжаем,всем удачи
п
спасибо за урок 😁
4:01 на самом деле можно сделать ещё легче нажав на файл/изображение и прожать ctr+shift+c(copy full path) и при нажатии ctr+v ты сможешь поместить весь путь в строку
У меня сначала не получалось поставить задний фон из файла, потом разобрался.
Дело было в том что:
1. У меня в файловой системе по умолчанию слеши левые \, а нужно правые /
2. Нужно добавить две точки и косую в начале"../"
Так заработало:
body {
background-image: url('../img/background.jpg');
height: 100vh; background-size:cover;
}
Спасибо, бро, а то я уже хотел мак выбросить...
Какая огромная помощь от таких комментариев!
Спасибо Вам!
бля, братан, ты лучший, я тут чуть ли экран ноута не разбил, дай бог тебе здоровья
бля бро отдуши я не мог рахобраться в чем причина пока не прочиал твой коммент
Спасибо
Thank you and thanks for lesson!!!
Всё понятно ). За это спасибо !:)
Все понятно) спасибо большое
Спасибо большое за ваши курсы! Четкие, понятные и без воды! Но у меня есть вопрос: подскажите, пожалуйста, на сколько является безопасным брать картинки с яндекса или гугла или со стоков картинки для сайта, могут ли оштрафовать за нарушение авторских прав? знаю, что есть определенные параметры по поиску картинок. Но в интернете слишком много разной и протеречивой информации по этому поводу.
Если собираетесь создать свой собственный сайт, где будут использоваться картинки взятые с интернета - то могут оштрафовать. Лучше создайте свою правдоподобную картинку, чтобы не было нарушение авторских прав)))
почерпнул для себя много нового
лучше наверное использовать VS code т.к. в нём можно выбрать цвет не переходя на страничку выбора, прямо в программе
Что там можно с картинкой сделать?
АХАХПХПХХПХППХ
@@lizkaip8450 '
спасибо за урок*) только на 8:05 когда я у себя в сss написал top у меня на сайте экран белым стал ! все пропало(
у меня почему то бэкграунд колор не работает
body{
background-color: /*твой цвет*/);
}
Полезное видео
url адреса срабатывает фон, а вот картинку сколько раз не вставлял и по разному, но не в какую.
я прошу прощения за свою назойливость.. но в нашем городке нет таких курсов по фронтэнт направлениям 🤷♂ есть курсы 1С 😜 но это не моё
Честно не знаю Правильно ли я понял твою проблему, но у меня было такое что я оставлял фото с устройства но они не срабатывали оказалось надо было чтобы картинки были в той же папке что и HTML
🙏🏻
Такое ощущение, что background fixed не сработал. Одинаково что так, что так. При фиксед картинка не долдна скролится, а стоять натместе
Почему в Notepad++ background-image url не работает? Цвета работают и все остальное
Хочу поделиться опытом. Не читайете всякие шляпы типа Head First - Изучаем HTML, XHTML и CSS. 720 страниц! Я прочитал раньше. Там моооре воды.HTML и CSS вообще мелоч, там все просто. Все что нужно знать - это HTML - разметка текста, CSS - это задание стилей тексту в HTML по тэгам. Лучше Javascript, Python или PHP изучать.
какие книги посоветуете для изучения js, php и html c CSS?
@@sdusanjs изучать долго, но нужно, у языков программирования с ооп большие объёмы знаний требуеться
@@sdusan не стоит читать книги по html css нужна просто база
@@IceGorka бро, я уже бросил это дело
@@sdusanа чем ты сейчас занимаешься?
Почему не все картинки из google можно использовать? У некоторых огромные url адреса . Они что как-то защищены от копирования на сайты?
хз
нет, можно использовать все. просто нажми пкм и "открыть изображение в новой вкладке", и затем уже копируй с него ссылку.
Почему пропадает картинка, когда пытаешься включить background-repeat?
А почему не работают ссылки в кавычках?
До 5 го урока у меня всё работала . Теперь в 5 уроке у меня изменения внесённые перестали работать 😢 очистила историю chrome не помогает.
Что делать помогите
скачать вс коде
Проблема такая, у меня два файла, индекс и css, в тег body пишу задний фон все работает, а когда несколько страниц то не работает, почему так?
А все, линкануть забыл😅
Привет, Гоша! Объясни, пожалуйста, в чем разница между ПРОСТО добавлением картинки и добавлением картинки с BACKGROUND-ATTACHMENT: FIXED; ?
Просто в обоих случаях картинка стоит на месте, но какая-то разница при перемещении по сайту чувствуется.
Смотри,
Если не указывать background-attachment: fixed, то картинка будет отображаться как обычно, как допустим превью на ютубе. А если указать данное свойство, то картинка как бы будет всегда показывать одно и то же, то есть стоять на месте. Если ничего не понял попробуй пересмотреть момент в уроке с данным свойством, либо создай свою картинку с большей высотой, тогда данный эффект будет лучше заметен.
Надеюсь что помог.
@Amas JAVASCRIPT Ну как, ответил?)
@@holy2785 А подскажите, пожалуйста, как моментально за комментировать кусок кода как показано на 5:51? Буду очень благодарен
@@ИванКириллов-с6ж ctrl + /
кто-то может подсказать почему когда пишу в background: cover то картинка пропадает и белый фон появляется? Также пробовал с background-size: cover
результат один и тот же
напиши любой текст в див
наверно не установлена высота, height: (любое число) px;
у вас есть кроки по js для web-разработок
Объясните пж для чего div??
Для создания отдельного блока с информацией на странице.
@@andreasdekadnt7140 больше спасибо
Что прописано во вкладке "index.html" полностью (с 3 по 9 строку) ?
head
Фотография "Ремнантские фокусы" оправдывает своё название. Потому что у меня ничего не меняется
если картинка не вставляется: background-image: url('../img/fon.jpg')
Пробуй передний слеш убрать
Коллеги, может, кому-то поможет.
Повторял за уроком, взял локальный файл для фона, но в постановке фоновой картинки у меня ничего не происходило, хотя код был как во всех туториалах.
На фоне картинка не появлялась, хотя другие команды, например, фоновый цвет, работали корректно.
Вам стоит открыть ваш html через браузер, посмотреть код элемента. В окне CSS команда отображалась. Но в консоли было сообщение об ошибке, что файл не найден. Там же в консоли можно нажать на ссылку к файлу и посмотреть, как браузер видит указанный Вами путь. Попробуйте указать полный путь к файлу, также будьте внимательны при копировании файлового пути в windows, автоматически там используются обратные слеши.
Я уже 2 день не могу и цвет и картинки ставить 😢
Что можешь быть причиной ?
Help me
Получилось исправить?
там для пути нужно сначала поставить слеш пример: background-image: url('/images/2.jpg');
👍
Почему нету стиль для форма html?
Урок
офигенно но я не понял зачем было создавать дивы в конце?
Что-бы создать блоки, и в дальнейшем задать им размер.
Чтобы вместить дополнительные элементы страница стала больше по вертикали...в результате её стало можно прокручивать колёсиком. При прокрутке фоновая картинка тоже прокручивается, но добавление background-attachment: fixed фиксирует картинку и она не прокручивается вместе с остальными элементами.
Не понятно почему, но в CSS файле привязка URL к папке IMG/jpg не работает. А вставил в HTML в head, через атрибут style всё работает. При этом шрифты и цвета из css работают. Но всё равно спасибо за ваши труды и объяснения. Я имею ввиду картинку для бекграунда не отображает, хотя видит дорожку.
Если поместить JPG в одну папку с CSS, то нормально работает привязка
Скинь код, если не сложно. Попробую помочь.
@@holy2785
head{
background-image:("img/some.jpg");
}
Помоги пожайлуста я все зделал как было на видео но моя картинка не хочет вставляться
@@andku2689 НЕ РАБОТАЕТ
@@Andrew-hh7ht укажи полный путь начиная с диска, у меня тоже не работало, нужно было просто указать полный путь
Щоб убрати верхні відступи у Google Chrome просто в body задайте значення margin: 0; and padding: 0;
Дякую
как ставить одинарные кавычки?
'
А можно картинку ( как фон) сделать так, что бы она была на весь экран и была видна целиком в независимости как мы будем менять масштаб? Ну т.е. я жму Ctrl+ срол ( больше меньше), а картинка заднего фона остается не изменной и масштабируется только контент страницы.
возникла проблема с вставкой background-color, скопировал HEX код, вставил и ничего не сработало, кто знает, в чем может быть проблема?
У меня тоже
в тебе
как вставить сферическую панораму? заранее благодарю!
загугли
Не знаю в чем проблема, но когда я пытаюсь вставить изображение в тег div через id, изображение просто не появляется
Значит путь неверно прописан
у меня картинка не скролится, помогите пожалуйста
обьясните пожалуйста а как каментировать код?
/* some text */
или же выдели кусок кода, который ты хочешь превратить в комментарий, и нажми ctrl + /. Это работает не только в css, но и в html, и в языках программирования
☦❤🙏💕❤☦
БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ
3:26 копирую url и силка огроменная
7:34 у меня так не работает!
Блин когда будет видос про анимации
Это тебе уже в JawaScript)
Постоянно вбивать "Color picker" шляпа :)
Выучить HTML и написать свой :)
3:20 -- Совет: Будьте осторожны в выборе изображений))
А то может получиться как у меня))
file:///C:/Users/Пользователь/Desktop/SCR3248-A/UWU/index.html#
По мне слишком много воды, я учил основы CSS которые больше всего используется для верстки сайтов или нужны тем кто только начинает учить.
Гм... а я скачал картинку и указал путь - не работает. Сто раз проверил точность - не работает. В то время как картинка из сети отображается норм. ХЗ в чём прикол.
нужно еще помочь? у меня вроде как есть решение
@@urrchach нет... спасибо.
@@DeBalzac а ты сам решил?
@@urrchach да
в чем разница одинарных и двойных ковычек?
Никакой разницы
@@itproger вах ты отвечаешь на комментарии ? Слушай если я задам вопрос ты всегда ответишь?
Когда пишешь коды на PHP тогда узнаешь. А так разницы нет
если ещё кто картинку не смог вывесли пишите отвечу под комментом
Не получается поставить картинку и цвет
ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС
+
Не понятно почему, но в CSS файле привязка URL к папке IMG/jpg не работает. А вставил в HTML в head, через атрибут style всё работает. При этом шрифты и цвета из css работают. Но всё равно спасибо за ваши труды и объяснения. Я имею ввиду картинку для бекграунда не отображает, хотя видит дорожку.
Если в css, то пропишите выход на уровень выше: ../img/jpg
@@itproger не отображается всё равно
../img/some.jpg
@@АбдуллаһМадхали я так и не смог через папку вставить картинку, все испробывал
@@MAM6AMAN давай я тебе помогу. Я это давно писал этот комментарий, шас уже стал профи.