Як поміняти колір посилань на сайті

У цьому випадку потрібно знати, що колір посилань змінюється за допомогою CSS (Cascading Style Sheets) - каскадних таблиць стилів. Це таблиці, використовувані спільно з мовою програмування для створення веб-ресурсу. CSS відповідають за структуру сайту, тобто за його стиль, зовнішній вигляд, а html - за зміст ресурсу. CSS є продовженням розвитку HTML.

Колір посилань на сайті

Отже, поміняти колір посилань можна як для сайту в цілому, так і для кожного посилання окремо. Кольори посилань задаються в якості атрибута основного тега . Атрибут - це те, що необов`язково прописувати в коді, так як деякі з них вже задані за замовчуванням. Атрибут link визначає колір посилань на сторінці сайту. За замовчуванням заданий синій колір. Alink - атрибут, що визначає колір активних посилань, за замовчуванням - червоний. Vlink - відвідані посилання, загальноприйнятим їх кольором виступає фіолетовий.

Найчастіше колір посилань на веб-сторінках задається в шістнадцятковій системі числення (#EEEEEE - сірий колір) або в форматі rgb (# 808080 - сірий колір), проте можна використовувати і традиційні англійські позначення кольорів (grey - сірий колір). Крім того, колір можливо задати і в градусах, для цього підійде формат HSL. Таблиці квітів не складе труднощів відшукати в інтернеті.

Міняємо колір посилань

Щоб поміняти колір всіх посилань на сторінці, достатньо в стилях у атрибуту color поміняти колір. Для цього відшукайте файл style.css, відкрийте його і знайдіть атрибут a. Наприклад, A {color: green- / * Колір посилань * /}, де А - посилання, колір якої ми міняємо на зелений. Можете поміняти значення color на свій розсуд, використовуючи будь-яку з систем позначення кольору. Браузер вас «зрозуміє». Стиль застосується до всіх посилань веб-сторінки. Можете таким же чином поміняти кольори у інших атрибутів, наприклад колір посилання при наведенні на неї курсора миші.

Щоб на веб-сторінці зробити посилання різних кольорів, використовуйте наступний запис у файлі зі стилями:
.menu a {color: grey-}
.content a {color: green-}

З прикладу випливає, що посилання для меню матимуть сірий колір, а посилання в блоці контент - зеленими.

Ті ж самі дії можна виконати з посиланнями, якщо стилі знаходяться не в окремому файлі, а в самому документі html. Це контекстні селектори.

Якщо хочете оперативно відредагувати стилі і поміняти кольори посилань, то краще скористатися візуальним редактором Dreamwever. Головне, пам`ятайте: посилання повинні виглядати органічно щодо всієї веб-сторінки. Для світлого фону краще підходять посилання темні і навпаки.