Як зробити красиву смугу прокрутки на Вашому сайті?
У цьому уроці піде мова про те, як надати смузі прокрутки вашого сайту певний колір.
Ви напевно вже не раз бачили такі розфарбовані під колір всього сайту смуги прокрутки. Така ж застосовується і на моєму сайті, Ви можете спостерігати її в правій частині екрана.
Як її зробити? Дуже просто.
Взагалі, є кілька способів.
1. Вставити повний код (наводиться нижче) в кожну сторінку сайту, де Ви хочете бачити красиву смугу прокрутки.
2. Вставити посилання на css-файл з кодом.
Розглянемо обидва ці варіанти.
Отже, випадок перший.
Де-небудь між тегами
Вставте наступні рядки:
Що означають ці параметри?
1. scrollbar-arrow-color - колір стрілки.
2. scrollbar-track-color - колір підкладки.
3. scrollbar-face-color - колір самої смуги.
4. scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
колір разделющей смуги.
5. scrollbar-3dlight-color: # 5997CA;
scrollbar-darkshadow-color: # 5997CA;
колір зовнішніх кордонів смуги.
Відкрийте в блокноті новий фаил і втавьте в нього вищенаведений код, тільки без тегів і збережіть його під ім'ям scroll.css і помістіть в ту ж папку, де і піддослідна сторінка.
У тих сторінках, де Ви хочете змінити колір смуги прокрутки, між тегами вставте наступний рядок.
Останні 5 уроків
Поле пошуку, ймовірно, є одним з найпоширеніших елементів інтерфейсу користувача. Працюючи над рівнем зручності інтерфейсу дуже часто виникає бажання додати стильне поле пошуку. В даному уроці ми створимо такий популярний елемент за допомогою псевдо-елементів.
З цього уроку Ви дізнаєтеся як зробити фон на всю сторінку, при цьому Вам буде не важливо, який дозвіл на моніторі того відвідувача, який буде дивитися Ваш сайт.