Як зробити смугу прокрутки
У наш час мати власний сайт - не розкіш, а скоріше необхідність. Його створення вимагає певних навичок і знання html. Створити простий сайт досить просто. Однак його прикраса та створення інтерактивних елементів, які забезпечують додаткову функціональність сайту, викличе у новачка труднощі. Один з таких інтерактивних елементів, що підвищують зручність відвідувачів сайту - смуга прокрутки. Вона особливо стане в нагоді в полях сайту, що забезпечують його зв`язок зі скриптами (взаємодія сайту з користувачами).
Вам знадобиться
- Інтернет або будь-який підручник по html
Інструкція
1
Найголовніше на будь-якому сайті - зручність користувача. Сама ідея застосування смуги прокрутки на вашому сайті буде доречна лише в тому випадку, якщо її поява продиктовано не вашим бажанням, а її необхідністю. Зробіть макет сторінки, на яку ви хочете помістити смугу прокрутки. Виберете місце для скролла (так ще називають смуги прокрутки).
2
Виберіть місце для смуги прокрутки на що цікавить вас сторінці сайту. Вона повинна бути жорстко пов`язана з яким-небудь елементом (наприклад, текстовим полем або спадаючим списком). Це місце ви повинні розрахувати в пікселях або у відсотках. Зробити це неважко, особливо якщо макет сайту має ясну структуру.
3
Між тегами BODY ви повинні додати стандартний код для скролла. Знайти його можна в будь-якому підручнику з html. Є два варіанти - або додати цей фрагмент безпосередньо в html код сторінки, або докласти в таблиці стилів css. Другий спосіб зручніше, якщо ви міняєте не одну сторінку, а весь сайт відразу. Потім потрібно ввести колірні параметри смуги прокрутки, інакше вона буде сірою і нецікавою. На малюнку показані і підписані елементи скролла. Параметри потрібно вводити так само, як показано на малюнку, через крапку з комою.
прокрутки" class ="lightbx" data-lightbox ="article-image"gt;
4
Тепер ви обов`язково повинні протестувати свої доробки. щоб смуга прокрутки однаково виглядала у всіх браузерах, перевірте її на основних - Internet Explorer, Mozilla Firefox і Opera. Якщо вона не працює на одному з них, поверніться до першого етапу і виправте помилки.
Корисна порада
Є простий спосіб створення смуги прокрутки для web-сторінки. Задайте параметр висоти для вашого сайту 75%, тоді скролл з`явиться сам. Правда, його колірні схеми все одно варто налаштувати.
Статті за темою "Як зробити смугу прокрутки"
Оцініть, будь ласка статтю
