Когато създавате свой собствен уебсайт, естествено искате той да се показва възможно най-привлекателно, независимо от версията на браузъра на потребителя. По-специално, така че фоновото изображение да се разтегне и да се коригира според разделителната способност на монитора на компютъра.
Необходимо е
умения за работа с html, css, java-script
Инструкции
Етап 1
Отворете кода за вашия сайт във всеки редактор, например Notepad или специална програма за уеб дизайн, Dreamweaver. Поставете следните редове в кода, за да разтегнете фона на сайта. Добавяне на фон: url („Вмъкване на връзка към изображението“).
Стъпка 2
За да оразмерите картината хоризонтално, използвайте следния код: Фон: url (‘Insert a link to the image’ repeat-x), вертикално - в края на кода, заменете x с y. Ако сайтът е оформен в CSS файл, поставете кода в него. По този начин ще можете да поставите каучуков фон на вашия сайт.
Стъпка 3
Използвайте следния пример за код, за да поставите фоново изображение на страница и автоматично да го разтегнете, за да отговаря на разделителната способност на монитора, на който се разглежда страницата. Примерен код: body {background: "Вмъкване на връзка към фоновото изображение" () без повторение фиксиран ляв център; след това размер на фона: […].
Стъпка 4
За да разтегнете фоновото изображение, просто вмъкнете картина като фон и задайте нейната ширина на 100%. Например вмъкнете следния текст в кода на страницата: фоново изображение "alt =" Въведете името на изображението "/>. По този начин той ще се използва, за да отговаря на ширината на картината, но пропорциите му ще бъдат нарушени.
Стъпка 5
По същия начин можете да настроите изображението да се разтяга по височина, да използвате височина вместо атрибута ширина. Или използвайте следния пример за код за css: фоново изображение на сайта) "> и след него добавете 100% ширина на изображението както в предишния пример. Също така можете да използвате скрипта, за да разберете разделителната способност на екрана на потребителя и да редактирате размера на вашата маса за него.
