Полоса прокрутки страницы сайта находиться в правой части окна браузера. С помощью этого урока Вы сможете настроить её цвет так, чтобы он соответствовал дизайну вашего сайта. Чтобы изменить цвет полосы прокрутки нам всего лишь надо будет вставить на страницу сайта небольшой код. Есть два способа как этот код вставить на страницы сайта:
1. Вставить полный код на каждую страницу сайта.
2. Вставить ссылку на css файл с кодом.
Мы сейчас с вами рассмотрим оба этих способа.
Пример 1. Откройте в блокноте или в Вашем любимом HTML редакторе ту страницу сайта, на которой вы хотите изменить цвет полосы прокрутки.
Где-нибудь между тэгами
Вставьте следующие строки:
Code
<style>
BODY{ scrollbar-face-color:#b0f885;
scrollbar-shadow-color: #aeada8;
scrollbar-highlight-color: #aeada8;
scrollbar-3dlight-color: #25e1f7;
scrollbar-darkshadow-color: #25e1f7;
scrollbar-track-color: #f8cc6e;
scrollbar-arrow-color: #f7e51b; }
</style>
1. scrollbar-arrow-color - цвет стрелки.
2. scrollbar-track-color - цвет подложки.
3. scrollbar-face-color - цвет самой полосы.
4. scrollbar-shadow-color: #ffffff;
crollbar-highlight-color: #ffffff;
цвет разделяющей полосы.
5. scrollbar-3dlight-color: #5997CA;
scrollbar-darkshadow-color: #5997CA;
цвет внешних границ полосы.
Пример:
Создайте новый файл и вставьте в него вышеприведенный код, только без тэгов и сохраните его под именем scrolling.css. Данный файл поместите в туже папку, где будут находиться ваши страницы с изменённой полосой прокрутки.
В тех страницах, где Вы хотите изменить цвет полосы прокрутки, между тэгами
вставьте строку приведённую ниже.
Code
<style>
<?php include("scrolling.css"); ?>
</style>
ДОПОЛНИТЕЛЬНО Уважаемый посетитель если вы создаёте сайт с помощью программы Adobe Dreamweaver CS3, то в этой программе автоматически вставляется строка "", для того чтобы scrolling работал нужно из этой строки удалить "http://www.w3.org/TR/html4/loose.dtd". А если же у вас вставляется строка " ", то тогда эту строку нужно удалить полностью, либо изменить " DTD XHTML 1.0 Transitional " на " DTD HTML 4.01 Transitional ".
[u]
