Як зробити гумовий фон

Відкрийте код свого сайту в будь-якому редакторі, наприклад, програмі «Блокнот» або спеціальною програмою для веб-дизайну, Dreamweaver. Вставте в код такі рядки, щоб розтягнути фон сайту. Пропишіть Background: url ( ` "Вставте посилання на зображення»`).

Для того щоб розмір картинки подгонялся по горизонталі, використовуйте наступний код: Background: url ( ` "Вставте посилання на зображення»` repeat-x), по вертикалі - в кінці коду х замініть на у. Якщо стиль сайту прописаний у файлі css, вставте код в нього. Таким чином, ви зможете поставити гумовий фон на ваш сайт.

Скористайтеся наступним прикладом коду, який поміщає фоновий малюнок на сторінку і дозволяє автоматично розтягнути його, підлаштовуючись під дозвіл того монітора, на якому відбувається перегляд сторінки. Приклад коду: body {background: «Вставте посилання на фонове зображення »() no-repeat fixed left center- потім background-size: [...].

Використовуйте для розтягування фонового зображення просту вставку картинки в якості фонової і встановіть для неї ширину 100%. Наприклад, вставте в код сторінки наступний текст: < p gt; < img src = "Введіть посилання на фонове зображення »alt =" Введіть назву картинки »width ="100%" / gt; < / p gt ;. Таким чином, буде використовуватися підгін ширини картинки, але її пропорції будуть порушені.

Аналогічно можна встановити розтягування малюнка по висоті, замість атрибута width використовуйте height. Або скористайтеся наступним прикладом коду для css: < body style ="background-image: url ( "Вставте посилання на фонове зображення сайту)" gt; і після нього додайте 100% ширину зображення, як в попередньому прикладі. Також ви можете за допомогою скрипта дізнатися дозвіл екрана користувача і відредагувати під нього розміри вашої таблиці.