Тёмный

Как сделать фон для html сайта. 

Егор Каплун
Подписаться 835
Просмотров 180 тыс.
50% 1

Урок от сайта: kak-sd.ru установка фона на обычный html сайт, фон фиксированный, из одного большого изображения.

Опубликовано:

 

27 июл 2013

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 145   
@user-pi9bv8gn6m
@user-pi9bv8gn6m 2 месяца назад
Спасибо вам большое, благодаря вам я разобралась как правильно делать фон. Я пересмотрела много видео уроков, но только по вашему поняла 😊
@speedayd9083
@speedayd9083 8 лет назад
body{ background: url(images/bg.jpg) no-repeat; -moz-background-size: 100% -webkit-background-size: 100% -o-background-size: 100% background-size: 100% }
@y.myronov7716
@y.myronov7716 7 лет назад
помог спасибо
@beyond4332
@beyond4332 7 лет назад
Уважуха братан
@elbikov
@elbikov 7 лет назад
Спасибо
@user-xf2pk5lg2f
@user-xf2pk5lg2f 6 лет назад
Speeday :D пр
@user-pu2xz5gb6c
@user-pu2xz5gb6c 6 лет назад
Speeday :D vg
@vdkaaa
@vdkaaa Год назад
То самое чувство когда все меняется а html гайд 10 летней давности все еще актуален
@chiratsu1265
@chiratsu1265 9 лет назад
Круто!!!Огромное спасибо. Лучше тебя никто не объяснил в инете.
@user-ou4nk3ze5d
@user-ou4nk3ze5d 7 лет назад
body{ background: url(.jpg)no-repeat; -moz-background-size: 100% -webkit-background-size: 100% background-size: 100% }
@q4el742
@q4el742 4 года назад
окуратнее, он герой
@user-sj2ko9fn7y
@user-sj2ko9fn7y 4 года назад
Спасибо
@iskandar_ayti5929
@iskandar_ayti5929 4 года назад
*Спасибо*
@Ouroboros2291
@Ouroboros2291 3 года назад
спасибо
@user-ef6mw1gj2v
@user-ef6mw1gj2v 3 года назад
Спасибо!!!!!!!!!!! Ты не представляешь как мне помогла!
@wylbe
@wylbe 6 лет назад
Спасибо большое выручил!)
@user-gy4oz5ln7e
@user-gy4oz5ln7e 7 лет назад
братан какже я рад что я посмотрел твой видос я 2 дня не мог это зделать 2 ебаных дня посмотрел твой видос все понял все збс спасибо лайк!!!
@guba24
@guba24 2 года назад
Petyx
@user-vx6ho7nd5j
@user-vx6ho7nd5j 10 лет назад
СПАСИБО!!! очень помогло!
@vladislavyakonyuk1968
@vladislavyakonyuk1968 6 лет назад
Спасибо,помог,а то на других видео надо что-то в css делать.Спасибо!!
@officialdakari
@officialdakari 4 года назад
То что в style, можно вставить в style.css
@user-mc4ft1hz8i
@user-mc4ft1hz8i 3 года назад
Вы рофлите оба?? Уже давно не принято в разметку пихать стили...
@user-pf3vp1jd3t
@user-pf3vp1jd3t 7 лет назад
Спасибо,мне помогло!)
@dilnazkairzhanova242
@dilnazkairzhanova242 3 года назад
СПАСИБО ВАМ ОГРОМНОЕ ЗА ТО , ЧТО СПАСЛИ МОЮ ГОЛОВКУ
@MinDans
@MinDans 3 года назад
Сейчас актуально?
@alexkodding9354
@alexkodding9354 4 года назад
спасибо дружище выручил))
@misterwillson7838
@misterwillson7838 8 лет назад
Спасибо большое! Помог! Лайк!
@voicememory4877
@voicememory4877 8 лет назад
Спасибо,очень помог!
@bttgzutess1310
@bttgzutess1310 3 года назад
ееееху, получилось! спасибо, выручил
@user-hn7uk7nh6g
@user-hn7uk7nh6g Год назад
СПАСИБО!!! ГОСПОДИ, всё получилось
@user-hz4sx8nq7v
@user-hz4sx8nq7v 11 лет назад
Слушай,а у тебя не плохо получается рассказывать,все четко и ясно
@onebro3299
@onebro3299 10 лет назад
супер спс за урок все понятно)
@elenascutaru2106
@elenascutaru2106 2 года назад
❤спс очень большое.😊ты мне очень помог
@richman_01
@richman_01 6 лет назад
как разместить изображение из интернета в движке?
@id-zp4wn
@id-zp4wn 5 лет назад
Для тех у кого проблема с масштабированием страницы. Когда изменяете размер окна, то при этом фон начинает ползать и появляются белые отступы. В общем некорректное отображение фона. Вот правильный код: body{ background: url("путь к файлу background") no-repeat center center fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } Всё ;)
@sift4179
@sift4179 5 лет назад
У меня проблема когда я прописываю чтобы нечего не копировалось просто пропадает фотка
@user-mv8yi4zp3t
@user-mv8yi4zp3t 4 года назад
очень помог , спасибо!
@Maxim_ach
@Maxim_ach 2 года назад
ляя от души чел очень помог
@anirize
@anirize Год назад
Огромное спасибо!!!!!
@user-tq9we3ue2h
@user-tq9we3ue2h 5 лет назад
а как выравнивать фон посередине?
@badsec
@badsec 6 лет назад
трек пожалуйста????
@user-lb8fv4xk5u
@user-lb8fv4xk5u 2 года назад
Спасибо тебе человек
@Quantum_idol
@Quantum_idol Год назад
Большое благодарю
@artykashyrow3312
@artykashyrow3312 2 года назад
спс большое помог все лайк работает
@user-bi2dg4fq7g
@user-bi2dg4fq7g 8 лет назад
Спасибо большое
@W.D.Drafoligar
@W.D.Drafoligar 6 лет назад
помог спасибо
@amazing65
@amazing65 7 лет назад
Что за свойство topmargin? Разве не margin-top ?
@Radjaabali
@Radjaabali 4 года назад
Ну ты прав
@FredHelp1
@FredHelp1 10 лет назад
спс помог!!!!!!
@user-ti6og5so1w
@user-ti6og5so1w 5 лет назад
Вот в url пишу полный адрес картинки в моем компе, а на фоне не появляется
@lolkaboss9805
@lolkaboss9805 4 года назад
Создай папку помести туда сам сайт и картинку и тогда пиши адрес
@Sergish
@Sergish 4 года назад
Нужно вбить адрес и после него ещё добавить назваие с расширением
@user-xq8xi3lw5v
@user-xq8xi3lw5v 4 года назад
Аналогичная проблема
@MrSnoopy100
@MrSnoopy100 8 лет назад
СПАСИБО!!!! Осталось токо найти картинку под разрешение экрана!
@user-xj3qu1hi5l
@user-xj3qu1hi5l 4 года назад
просто лучший!!!!!!!!!!!!!!
@user-zo3jw1lb9q
@user-zo3jw1lb9q 5 лет назад
Помогло спс
@mysqlendwar5488
@mysqlendwar5488 2 года назад
Спасибо!
@user-qd5ix1qh4h
@user-qd5ix1qh4h 3 года назад
спасибоооо брооо
@mewshkka
@mewshkka Год назад
СПАСИБО!!!!!!!!!!😀😀😀
@androidcat7819
@androidcat7819 6 лет назад
Господи, эта строка просто спасла меня:
@makes115
@makes115 Год назад
❤от души братан
@user-qm8tr8kx8n
@user-qm8tr8kx8n 2 года назад
СПАСИБО ПОМОГ СПАСИБО!!!!!!!!!!!!!!!!!!!!!
@denisdenisov5002
@denisdenisov5002 6 лет назад
Есть подробное описание???С чего начать и ка эти коды вставлять и откуда брать?Подскажите пожалуйста?
5 лет назад
скачай sublime text скопируй из коментов код в sublime text и всё сверху надпись file наводишь на неё нажимаешь save as выбираешь рабочий стол сохранить заходишь в рабочий стол запускаешь и всё
@user-mc4ft1hz8i
@user-mc4ft1hz8i 3 года назад
Смотря что вы хотите именно...если вам еще иентересна тема могу подсказать.
@denisdenisov5002
@denisdenisov5002 3 года назад
@@user-mc4ft1hz8i,спасибо большое,что ответили!)Неее уже нет этого желания.
@sousmaster5296
@sousmaster5296 5 лет назад
ребят а как этой кнопке задать куда перейти
@user-um8ji4du7u
@user-um8ji4du7u 10 лет назад
Спасибо!!!!!!!!!!1))
@maxfun9890
@maxfun9890 7 лет назад
Спасибо
@filmius6636
@filmius6636 6 лет назад
а как на всю станичку
@SergeyAdanit
@SergeyAdanit 10 лет назад
Ребята. С видео весь код не перепишешь. А где он на сайте? Ссылки то нет. Это чтоб лазили по сайту в целях СЕО? ))
@molara.v.g.4258
@molara.v.g.4258 10 лет назад
я тоже чёт не нашёл
@user-vx6ho7nd5j
@user-vx6ho7nd5j 10 лет назад
kak-sd.ru/kak_sdelat_fon_na_saite.php нашла))))
@mikishow1854
@mikishow1854 4 года назад
а в css как зделать это в отдельной вкладке?
@user-mc4ft1hz8i
@user-mc4ft1hz8i 3 года назад
В какой отдельной вкладке не понятно...ну делаете файл с расширением css, подключаете файл в разметку и пишите непосредственно все стили в css файле...этот ролик безбожно устарел...даже для тех времен автор был не очень.
@RusMegaGames
@RusMegaGames 10 лет назад
что за музыка?!
@datochikhla8572
@datochikhla8572 4 года назад
спосибо
@CHNO-gg6lw
@CHNO-gg6lw 6 лет назад
Спс бро
@relgems3766
@relgems3766 4 года назад
а через notepad++ нельзя ?
@user-mc4ft1hz8i
@user-mc4ft1hz8i 3 года назад
Можно...точнее нод уже давно устарел для верски, используйте vscode, современный с оромным функционалом и от более чем представительных ребят из макрасофт.
@user-vk8fo3rj7q
@user-vk8fo3rj7q 7 лет назад
какую надо кодировку?
@limex4832
@limex4832 7 лет назад
Егор Чербаев html
@user-bu7dr9er8v
@user-bu7dr9er8v 2 года назад
я хочу скачать это видео но не получается
@aibisalamandr4705
@aibisalamandr4705 8 лет назад
Твой сайт не работает
@radiaretv
@radiaretv 5 лет назад
А, можно в формате ГИФ как нибудь
@egoru4523
@egoru4523 3 года назад
Спасибо за идею, сейчас попробую скажу
@virgiliuplesca2314
@virgiliuplesca2314 6 лет назад
только блокнот,только хардкор!
@kwiz1x273
@kwiz1x273 6 лет назад
ахахахах +
@shemagames2871
@shemagames2871 6 лет назад
Через что еще можно делать? Просто интересно вдруг стало.
@Lukas-kf9mj
@Lukas-kf9mj 6 лет назад
notepad++ хороший редактор
@tyrael9769
@tyrael9769 6 лет назад
можно редактировать еще через notepad++ и brackets
@lobzik6680
@lobzik6680 5 лет назад
sublime text 3 ТОПЧИК
@smdfb7334
@smdfb7334 8 лет назад
Не работает.
@user-in5st9xf5j
@user-in5st9xf5j 5 лет назад
Помог
@pudjeblechole
@pudjeblechole Год назад
текстовый редактор топ
@pudjeblechole
@pudjeblechole Год назад
сайт(твой) топ
@user-xq8xi3lw5v
@user-xq8xi3lw5v 4 года назад
Cаблайм текст 3 в помощь, я не мозахист!
@shevan8853
@shevan8853 3 года назад
2021
@KakSdelal
@KakSdelal 10 лет назад
папка images по умолчанию
@user-mc4ft1hz8i
@user-mc4ft1hz8i 3 года назад
Короче, я тут по запросу 'анимированный фон css' для тех кто хотел поверх блока с изображением или всего сайта сотворить искорки или всякую мешуру летающую, берете любое видел с искрами на темном фоне примерно 5-10 секунд формат мп4, вставляете задаете абсолбтную позицию дальше шаманите с позиционированием и задаете видео прозрачность 0.1 или 0.2 искры видно фон нет...не благодарите.... Твою же мать 4 дня потратил на то как это сделать....а все на столько просто...благо сам допер... Причем подтолкнул меня этот ролик, я подумал "какого хрена эта ерунда совпадает с моим запросом, глаза бы мои не видели" и тут бац...прям как осенило.
@inside7671
@inside7671 5 лет назад
Это CSS!
@dizit5177
@dizit5177 7 лет назад
body { background: url (jpg) no-repeat; -moz-background-size; 100%; -webkit-background-size: 100%; -o-background-seze; 100%; background-size; 100%; }
@xeromyu1821
@xeromyu1821 4 года назад
эмм так это css
@dimaster9790
@dimaster9790 5 лет назад
это юникод а не html
@sharkman4307
@sharkman4307 6 лет назад
sps
@queendashunia
@queendashunia 2 года назад
Не получилось
@bighickorymda2287
@bighickorymda2287 2 года назад
Не работает
@trynyspicyber4820
@trynyspicyber4820 6 лет назад
file:///C:/Users/Boss/Desktop/tim.html зайдите на сайт
@user-wb7bq2xk9t
@user-wb7bq2xk9t 6 лет назад
*_-ОГО-_*
@user-vf2ck1kg4b
@user-vf2ck1kg4b 5 лет назад
Файл не найден Возможно, он был перемещен или удален. ERR_FILE_NOT_FOUND
@lonelymusic4155
@lonelymusic4155 2 года назад
ааа не работает
@Infinity_InGloriouS
@Infinity_InGloriouS 6 лет назад
НЕ "Имич" а Имейдж
@sevjtvision7805
@sevjtvision7805 6 лет назад
бля
@Chik_Chirik.
@Chik_Chirik. 8 лет назад
body{ backgraund: url(.jpg) no repeat; -moz-backgraund-size: 100% -webkit-backgraund-size: 100% -o-backgraund-size: 100% backgraund-size: 100% }
@ferdinando5865
@ferdinando5865 6 лет назад
Не правельно написано ошибок туча
@younggamedev4949
@younggamedev4949 6 лет назад
Ошибок очень многоооо
@user-oi5sb4hr2h
@user-oi5sb4hr2h 5 лет назад
спасибо бро
@tarasshevchenko8746
@tarasshevchenko8746 4 года назад
body { background: url(img/fon.png) no-repeat; -moz-background-size: 100%; -o-backround-size: 100%; backround-size: 100%; } style="backround-attachment:fixed" topmargin="0"> Робочий код
@danyalive2584
@danyalive2584 7 лет назад
картавишь как ларин
Далее
This Is So Worth 87 Tries
00:15
Просмотров 5 млн
Изучаем html блок div
13:21
Просмотров 145 тыс.
CSS3 #14 Фон (Background)
9:04
Просмотров 40 тыс.
Создание html сайта в блокноте
26:34