ПредишенСледващото

Как да се замени на фона на сайт в системата

Един от най-често задаваните въпроси в този форум "Как да промените фона сайт?", В днешния урок ще научите как да се направи това, при спазване на определени тънкости, които се случват в този процес.

Помогнете ни по този CSS собственост фон изображение, към които ние се свърже фоново изображение, на практика тя изглежда така:

фон изображение: URL (пътя до файла);

Остава да качвате изображения с възможност за изтегляне на файлове в административния панел на сайта (или можете да използвате всеки образ хостинг, но си струва да се има предвид, че надеждността продължи да качва снимки на уебсайта си, още повече, че пространството е неограничено) и да се замени текста в скобите се свърже получения товар ,

Трябва да се вземе предвид, че този метод е подходящ за монтаж във фонов режим само безпроблемно текстура като фоново изображение, ще се повтори вертикално и хоризонтално и сгънати в една текстура няма граници.

С цел да бъдат определени и като изображението в пълен размер на фона, което трябва да се регистрирате допълнителни свойства, които ще се заключи и снимка ще бъдат разположени в желаната позиция. Това ще ни помогне свойства:

  1. фон-свързване (посочва дали превърта изображения по отношение на съдържанието)
  2. фон-позиция (набор позиция на елемент спрямо ръбовете на прозореца на браузъра)
  3. фон-повторение (ви позволява да знам дали е необходимо да се повтаря изображението вертикално и хоризонтално)

И това е как изглежда на практика:

фон изображение: URL (пътя до файла);

фон-позиция: 50% 0%;

С такива нагласи, нашата фоново изображение се записва в книгата, намерен в центъра на екрана на браузъра, се притиска към горната граница на прозореца и няма да се повтори в X и Y. В този случай е необходимо да се вземе предвид размера на изображението, това е, което трябва да изберете изображение, което ще замени наблюдава прозорец с висока разделителна способност. Това е доста стандартен размер на 1920x1200.

Свързани статии

Подкрепете проекта - споделете линка, благодаря!