ЯК зробити гумовий фон :: Управління сайтами

Коли ви створюєте власний сайт, природно, ви хочете, щоб він відображався якомога більш привабливо незалежно від версії браузера користувача. Зокрема, щоб фонове зображення розтягувалось і підлаштовуватися під дозвіл монітора комп'ютера.

Вам знадобиться

- навички роботи з html, css, java-script.

Інструкція

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

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

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

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

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