В этом уроке пойдет речь о том, как придать полосе прокрутки вашего сайта определённый цвет.

Вы наверняка уже не раз видели такие раскрашенные под цвет всего сайта полосы прокрутки. Такая же применяется и на моём сайте, Вы можете наблюдать её в правой части экрана.

Как её сделать? Очень просто.

Вообще, есть несколько способов.

1. Вставить полный код (приводится ниже) в каждую страницу сайта, где Вы хотите видеть красивую полосу прокрутки.

2. Вставить ссылку на css фаил с кодом.

Рассмотрим оба этих варианта.

Итак, случай первый.

Откройте в блокноте или в Вашем любимом HTML редакторе ту страницу сайта , на которой вы хотите изменить цвет полосы прокрутки.

Где-нибудь между тэгами <head></head>

Вставьте следующие строки:

<style>
body { scrollbar-face-color:#5997CA;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #5997CA;
scrollbar-darkshadow-color: #5997CA;
scrollbar-track-color: #F6F6F6;
scrollbar-arrow-color: #F6F6F6; }
</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;
           цвет внешних границ полосы.

Если Вы не знаете как определить цвет в формате #xxxxxx, то воспользуйтесь программой HTML Colors 2000, которая показывает цвет в этом формате в любом месте экрана. Скачать её можно из раздела программ.

Случай второй.

Откройте в блокноте новый фаил и втавьте в него вышеприведенный код, только без тэгов <style></style> и сохраните его под именем scroll.css и поместите в ту же папку, где и подопытная страница.

В тех страницах, где Вы хотите изменить цвет полосы прокрутки, между тэгами <head></head> вставьте следующую строку.

<link href="scroll.css" rel="stylesheet" type="text/css">

ВНИМАНИЕ!

Если Вас интересует более качественное обучение техническим навыкам ведения бизнеса в сети, то Вам наверняка понравится моя новая 36-ти часовая коллекция из 17 видеокурсов в формате flash- "Все Технические Моменты Онлайн Бизнеса в Видеоформате", которая позволит Вам быстро и легко овладеть всеми техническими моментами ведения бизнеса в сети, через наглядные примеры с аудиокомментариями.

В коллекцию вошли следующие курсы:

Создание сайта с нуля (18 уроков - 4 часа 40 минут)

Язык HTML (12 уроков - 3 часа 46 минут)

CSS - расширение возможностей HTML (11 уроков - 2 часа 12 минут)

Установка сервера (4 урока - 51 минута 48 секунд)

Macromedia Dreamweaver (20 уроков - 5 часов 0 минут)

Adobe Photoshop (16 уроков - 5 часов 18 минут)

"Graphic Collection" (6 уроков - 1 час 14 минут)

Создание электронных книг (7 уроков - 1 час 4 минуты)

Создание уроков в Camtasia Studio (7 уроков - 1 час 36 минут)

Создание всплывающих окон (3 урока - 37 минут 31 секунда)

Работа с флэшем "Flash Collection" (7 уроков - 2 часа 30 минут)

Mind Manager (4 урока - 1 час 22 минуты)

Установка форумов на Ваш сайт (3 урока - 25 минут 29 секунд)

Установке CMS (движков) (3 урока - 40 минут 41 секунда)

Snag It - работа со скриншотами (7 уроков - 1 час 48 минут)

"Navigation Collection" (6 уроков - 1 час 24 минуты)

Бонусный видеокурс (7 уроков - 2 часа 26 минут)

(!) - Все программы, которые нужны для прохождения курсов будут на Вашем диске.

Предупреждение: Данный материал предназначен только для серьёзных людей, которые действительно готовы учиться и применять полученные знания на практике. Информации в курсе достаточно много и большая её часть имеет практическую направленность, поэтому требует тщательной проработки и обязательного практического применения.

Здесь Вы не найдете туманной информации о том "что делать", Вы найдете только то, что отвечает на вопрос "как делать?".

Такое меню Вы увидите, когда вставите DVD (CD) диск в свой привод:

 

Узнать Подробнее Прямо Сейчас!

(Имейте в виду, что минисайт на который Вы попадете, содержит очень много информации, поэтому требует некоторого времени для полной загрузки.)

На данную 36-ти часовую коллекцию видеокурсов было получено уже более 40 положительных отзывов, с которыми Вы также сможете ознакомиться на официальном минисайте.