Як змінити колір фону на сайті?


Ви можете повністю налаштувати свій ?? блог або сайт дуже легко. У цій статті розповідається, як просто поміняти шрифт в заголовку і фонове зображення сторінки.

Блогери і власники сайтів зазвичай змінюють фон, щоб зробити свій ресурс візуально більш привабливим для відвідувачів. Проте фонове зображення, яке додається неправильно, може заплутати відвідувача, і навіть викликати недовіру до вашого сайту або блогу і небажання відвідувати його знову. Щоб додати фон правильно, важливо використовувати відповідні коди HTML.

колір фону

Існує всього декілька простих кодів HTML, за допомогою яких ви можете змінити зовнішній вигляд вашого існуючого сайту. Багато користувачів навіть не припускають, наскільки це просто.

Як налаштувати шрифт

У першу чергу, вам доведеться додати чотири мета-тега в будь-якому місці після < head >. Ви можете просто скопіювати позначення, зазначені нижче, і вставити їх на свій ресурс, попередньо видаливши прогалини.

колір фону в html

Як налаштувати колір фону

Відкрийте сторінку в HTML вашого блогу чи сайту. При редагуванні сторінки в автономному режимі ви можете відкрити її в Dreamweaver, щоб полегшити свою роботу. Якщо ваш сайт створений за допомогою конструктора, деякі сервіси дозволяють змінювати налаштування HTML онлайн, зайшовши на сторінку «Дизайн» і вибравши вкладку «Редагувати HTML». У будь-якому випадку ви повинні бути в змозі отримати доступ до HTML-кодами для вашого блогу чи сайту. Процес налаштування може сильно варіюватися залежно від того, які послуги вам доступні і який движок ви використовуєте.

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

Ви без проблем можете знайти діаграму квітів HTML в спеціалізованих виданнях. Кожен колір відображається в розмітці у вигляді шестизначного коду. Наприклад, білий фон позначається як #FFFFFF.

Таким чином, знайдіть код кольору, який ви хочете бачити на своєму сайті як визначального фон кольору. У розмітці це буде виглядати так:

body {

background-color: # XXXXXX- {

Після того як ви збережете колір фону в HTML, ви побачите, що зовнішній вигляд вашої сторінки змінено.

білий фон

Додавання фонового зображення

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

Залийте зображення в Інтернет. Багато дозволяють завантажувати зображення безкоштовно. Отримайте URL-посилання на вашу фонову картинку. Для цього вам потрібно відкрити зображення в своєму браузері і скопіювати URL.

Вставте код для додавання зображення в якості фону. В HTML він виглядає наступним чином:

body {

background-image: url (image URL) -

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

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

Поділися в соц мережах:

Увага, тільки СЬОГОДНІ!