DOWNLOAD 4EVER!!! Пятница, 28.06.2024, 08:33
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта

Разделы новостей
MUSIC [114]
ANIMATIONS [16]
FOR MOBILE [55]
OTHER [25]
COUNTER STRIKE [3]
SCHOOL [3]
HACK [56]
PRIKOLY [21]
VIDEO [133]
SOFT [117]
GAMES [104]
IMAGES [10]
MOVIES [105]

Мини-чат
500

Наш опрос
kak vam moi sait?
Всего ответов: 13

Главная » 2008 » Июнь » 15 » Как изменить цвет скролл-бара!!!
Как изменить цвет скролл-бара!!!
18:45

Скролл-бар (scroll-bar) - это панель прокрутки (полоса прокрутки), которая используется, когда содержимое экрана не помещаетcя в видимой части. Браузер Internet Explorer 5.5, поддерживает свойства CSS, отвечающие за оформление скролл-бара, поэтому вы, указав дополнительные свойства CSS, можете изменить стиль оформления скролл-бара на вашем сайте, например, сделать так как на этой странице.
Для задания оформления скролл-бара необходимо прописать таблицу стилей, следующего вида:



Теперь подробно разберем каждое из используемых свойств:
scrollbar-face-color - задаёт основной цвет скролл-бара, а также цвет двух завершающих кнопочек со стрелочками. Если Вы даже не укажите свойство scrollbar-track-color, то цвет трека определиться автоматически, как более яркий нежели цвет scrollbar-face-color.
scrollbar-highlight-color - устанавливает яркий цвет подсветки, создающий эффект объёмности, то есть цвет, для освещённой части скролл-бара и кнопочек. Этим цветом отображается левый верхний угол самого скролл-бара и двух кнопочек (когда они не нажаты).
scrollbar-shadow-color - устанавливает темный цвет подсветки, создающий эффект объёмности, то есть цвет, для теневой части скролл-бара и кнопочек (цвет тени). Этим цветом отображается правый нижний угол самого скролл-бара и двух кнопочек (когда они не нажаты).
scrollbar-3dlight-color - определяет цвет падающего цвета для создания трехмерности скролл-бара. На практике это выражается в цвете тоненькой кромки, находящейся в левых верхних углах, ближе к краю нежели scrollbar-highlight-color.
scrollbar-arrow-color - определяет цвет двух маленьких стрелочек, находящихся на кнопочках крайних позиций скролл-бара.
scrollbar-track-color - задает цвет трека, то есть дорожки прокрутки, по которой собственно и перемещается сам скролл-бар.
scrollbar-darkshadow-color - определяет цвет откинутого цвета для создания трехмерности скролл-бара. На практике это выражается в цвете тоненькой кромки, находящейся в правых нижних углах, ближе к краю нежели scrollbar-shadow-color.
Значение этих свойств (цвет) определяется в виде именованных цветов или кодов цветов (для этого ставится символ "#", а за ним без пробела шесть шестнадцатеричных чисел, определяющих цвет в кодировке RGB).
Оформление скролл-бара можно изменить до неузнаваемости, полностью сопоставив скролл-бар с цветовой схемой вашего сайта. К сожалению, отображение данных свойств поддерживают пока только браузеры Internet Explorer, начиная с версии 5.5. Остальные браузеры, не выдают никаких ошибок и просто игнорируют указанные свойства CSS, поэтому вы без опаски можете включать приведенных код на свои страницы.
Следует предупредить Вас о том, что изменение цвета скролл-бара не всегда бывает оправданно. Если Вы не можете грамотно подобрать цветовую схему для скролл-бара или она плохо сочетается с остальным цветовым оформление сайта, то лучше вообще не использовать данную возможность и оставить сколл-бар стандартного вида. Это мы говорим в связи с довольно большим количеством сайтов, web-мастера которых сразу портят стиль своего сайта одним только неправильно подобранным оформлением скролл-бара.

Категория: HACK | Просмотров: 549 | Добавил: hakie | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Календарь новостей
«  Июнь 2008  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
30

Поиск

Друзья сайта
Персональный сайт 50 CENTa and EMENEMa
 
модный чат
Pro-Hack.ru - security and safety

Статистика

Онлайн всего: 7
Гостей: 7
Пользователей: 0

Copyright MyCorp © 2024