Для того щоб прикрасити свій сайт в мережі інтернет, можна внести зміни в його дизайн. Зміна дизайну передбачає будь-яку дію, починаючи від зміни фону головної сторінки до повної перерисування шаблону сайту. Якщо ви вирішили змінити фон вашого сайту, то наступна інструкція допоможе у вирішенні цього питання.
Вам знадобиться
- Редагування файлу css.
Інструкція
1. Здебільшого код дизайну сайту розташовується у файлі style.css. Але кожен шаблон може відрізнятися від попереднього, тому код дизайну може розташовуватися в іншому файлі, але теж з розширенням css. Щоб встановити колір тла вашого сайту, вам слід ввести або замінити існуюче значення на такий вираз:/ * білий фон */body {background-color: # FFFFFF; }/* білий фон назви, чорний колір шрифту */h1 {color: #000000; background-color: #FFFFFF;}
2. Для того, щоб вставити будь-яку картинку у вигляді тла на ваш сайт, необхідно ввести або замінити вже існуюче значення на наступний вираз: body { background-color: #000000; background-image: url ("Image-1.jpg");} Варто зазначити, що у цьому випадку необхідно вказувати посилання на файл зображення, який знаходитиметься в одній теці з файлом css.
повтореннязображення3. Якщо ви захотіли замостити маленьку картинку або малюнок невеликого розміру, використовуйте команду background-repeat. Для того щоб правильно використовувати цю команду, є кілька уточнень цієї команди:background-repeat: repeat-x - по осі x; background-repeat: repeat-y - повтор картинки по осі y; background-repeat: repeat - повтор картинки по двох осях відразу; background-repeat: no-repeat - повтор картинки не здійснюється; background-attachment: scroll - прокрутка картинки спільно зі сторінкою; background-attachment: fixed не виконується прокручування зображення. Використовуючи синтаксис цієї команди, можна показати її роботу в прикладах:background-position: 30px 40px - картинка знаходиться нижче на 30 пікселів зверху і вправо на 40 пікселів від лівого края.background-position: 60% 35% - на ліворуч становить 60%, а вгорі становить 25%.