Скопіюйте цей код і вставте в властивості сторінки в розділі Метадані - «HTML для
».Файл проекту muse з уроку, код, і файл картинки - можна скачати архівом за цим посиланням:
Стильна смуга прокрутки.
Давайте подивимося, як це зробити в програмі Adobe Muse. Я вже підготував проект, як ви вже здогадалися. І використовувати ми будемо все той самий спосіб вставки коду стилів в властивості сторінки в програмі Adobe Muse. Буде ще певний нюанс, про який я розповім трохи пізніше.
Порившись в інтернеті, я знайшов код стилю повзунка для сайтів html. Код цей виглядає ось так:
Тут дуже багато всяких написів для кого-то зрозумілих і для когось не зрозумілих. До них ми повернемося трохи пізніше. Я трошки розповім про це.
Стильна смуга прокрутки. Додавання стилю смуги в код сайту.
Стильна смуга прокрутки. Додавання графіки.
Стильна смуга прокрутки. Редагування коду стилю.
Ось таким нехитрим способом ми можемо додати свій унікальний повзунок на сайт в програмі Adobe Muse. Давайте ми повернемося до нашого коду і подивимося на нього. Як ви бачите, тут є різні значення ширини, висоти. Різні значення кольорів, які ви можете змінювати. Параметри самого повзунка - наприклад, ось тут написано радіус округлення повзунка. Також ви можете змінювати колір, тінь і ось той напис, де ми вставляли шлях до нашого зображення для розміщення на повзунку зарубок. Також ми можемо змінювати ширину нашої смуги. Зараз вона у нас вузенька. Чи можемо змінювати її ширину. І ширину скроллбар. Можете експериментувати з цими значеннями, дивитися що вийде. В принципі, це робити не обов'язково в блокноті, а можна робити прямо в програмі Adobe Muse.
Стильна смуга прокрутки. Приклад зміни стилю.
Наприклад, якщо ми зараз зайдемо в програму Adobe Muse, зайдемо в «Властивості сторінки», тут у нас точно такий же код. І поставимо, наприклад, ширину скроллбар «100 px». Подивимося, що станеться. Натискаємо ctrl + shift + E і бачимо, що ширина скроллбар стала товстим, квадратним, на нього легко потрапити, курсором миші можна рухати його скільки завгодно. Природно, це не зручно, це краде місце на сайті, але, тим не менш, ви можете редагувати параметри даного скроллбар.