Меняем стиль полосы прокрутки

Блог содержит информацию для тех, кто хочет научиться самостоятельно создавать сайты

Создание сайта

Продвижение сайта

Заработок в интернете

Скрипты|Scripts

ТОП как заработать в интернете

Выбор дизайна для сайта

Файл robots.txt

Почему не растет ТиЦ?

Бесплатный обмен постовыми возможен!

Поисковый запрос должен быть не менее 4-х символов.




Гостевая


Заметок в базе: 41
Комментариев: 184
Человек на сайте: 1

Меняем стиль полосы прокрутки

Автор: Анатолий Матюхин

Дата: 2007-08-31

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

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

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

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

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

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

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

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

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

Где-нибудь между тэгами

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

Что означают эти параметры?

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, которая показывает цвет в этом формате в любом месте экрана. Скачать её можно из раздела программ.

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

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

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

Просмотров: 3191

Вы можете получать материал первыми. Так же бесплатные видео уроки, которые рассылаются только подписчикам! Подпишитесь и узнайте первым! Подписка на рассылку видео уроков.
Ваше имя: *
Ваш e-mail: *

Не пропустите интересные темы >> Самое популярное Перейти Самостоятельное создание сайта
Вы можете подписаться на RSS - ленту


Понравилась статья? Поделитесь ею с другими! Спасибо :)

Оцените заметку: 1 2 3 4 5

Комментарии к этой заметке:

Комментарий добавил(а): абдулгани
Ваш Сайт: kaxa111
Дата: 2014-04-11

природа

Добавить Ваш комментарий:


(Обязательный вид: http://www.ваш_сайт.ru)


(Без названия, сайт не будет отображон)


(Ваш E-mail не будет виден)

Введите сумму чисел с картинки

All right reserved. CopyrightВ©2011-2015.


Яндекс.Метрика
X