Як змінити смугу прокрутки

Як змінити смугу прокрутки

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

Інструкція

  1. Приймайте правильне рішення. Смуга прокрутки повинна з’явитися на вашому сайті тільки в тому випадку, якщо це продиктовано необхідністю створити користувачеві додаткову зручність, а не виключно ваших потреб. Створіть макет сторінки, на якій ви збираєтеся розмістити смугу прокрутки. Виберіть для неї відповідне місце.
  2. Зробіть жорстку прив’язку скрола (так ще можуть називати смугу прокрутки) до якогось конкретного елементу сторінки. Це може бути текстове поле, яке представляє собою спадаючий список. Розрахуйте місце «паркування» смуги в піксельної і процентному співвідношенні. Це зовсім не буде важко, якщо сторінка чітко структурована.
  3. Додайте стандартний код смуги прокрутки між тегами body. Якщо ви не знаєте про що йде мова, скачайте будь-який підручник по html верстці. Там буде чітко описано, як написати такий код. Найкраще для таких випадків мати під рукою готові шаблони аналогічних сайтів, щоб можна було взяти звідти якісь окремі елементи програмного коду, що значно спрощує життя. Отже, ви знайшли код. Розташуйте його або безпосередньо в самому коді сторінки або прикладіть його до таблиці css, що значно простіше, але в тому випадку, якщо ви міняєте не одну, а всі сторінки сайту.
  4. Задайте колірні параметри смузі, інакше вона буде стандартного сірого кольору, який, швидше за все, не впишеться в дизайн сайту. Ці параметри задаються в такій же черговості, як і для будь-якого іншого графічного елементу сторінки. Протестуйте скролл в декількох браузерах, наприклад, Мозіль, Опері і Експлорер. Якщо в якомусь з них він не працює, виправте помилки програмного коду.
  5. Задайте параметр висоти сайту рівним 75%, тоді програмний код для скрола буде внесений автоматично. Але вам все одно потрібно змінити смугу прокрутки, а конкретно — її графічні параметри. Це описано в попередніх пунктах.