Полезная информация

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

№128-01-2018 12:13:15

andro1d
Участник
 
Группа: Members
Зарегистрирован: 29-02-2008
Сообщений: 132
UA: Firefox 58.0

Изменение цвета скролл-бара

Здравствуйте. Возможно ли изменить цвет скроллбара? Дело в том, что на многих сайтах он сливается с фоном, и его очень сложно становится заметить. Мне бы сделать его темнее.

Отсутствует

 

№228-01-2018 12:54:38

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 592
UA: Firefox 58.0

Отсутствует

 

№328-01-2018 13:14:52

andro1d
Участник
 
Группа: Members
Зарегистрирован: 29-02-2008
Сообщений: 132
UA: Firefox 58.0

Re: Изменение цвета скролл-бара

Благодарю.

Отсутствует

 

№428-01-2018 14:27:41

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 57.0

Re: Изменение цвета скролл-бара

andro1d пишет

Возможно ли изменить цвет скроллбара?

Есть также вариант от разработчика Classic Theme Restorer - Release Custom Scrollbars · Aris-t2

Отсутствует

 

№528-01-2018 15:25:04

Mishania
Участник
 
Группа: Members
Зарегистрирован: 22-10-2011
Сообщений: 356
UA: unknown 0.0

Re: Изменение цвета скролл-бара

А для 52ESR никакого стиля интересного нет?

Отсутствует

 

№628-01-2018 15:40:22

Ultima2m
Участник
 
Группа: Members
Откуда: Россия
Зарегистрирован: 28-11-2013
Сообщений: 592
UA: Firefox 58.0

Re: Изменение цвета скролл-бара

Mishania пишет

А для 52ESR никакого стиля интересного нет?

скрытый текст

Выделить код

Код:

/*
Скроллбар
*/
/* AGENT_SHEET */


scrollbar, scrollcorner 
{
-moz-appearance: none !important; 
background: none !important; 
padding: 0 !important; 
border: 0 !important; 
margin: 0 !important; 
}

scrollbar:hover thumb[orient="vertical"],
scrollbar:hover scrollbarbutton
{ background: green !important; opacity: .5 !important; }

scrollbar:hover thumb[orient="horizontal"],
scrollbar:hover scrollbarbutton
{ background: yellow !important; opacity: .5 !important; }

scrollbar thumb[orient="vertical"],
textbox scrollbar thumb[orient="vertical"]
{ -moz-appearance: none !important; 
opacity: .4 !important;
min-height: 30px !important;
border: none !important; 
border-radius: 4px !important; 
background-color: #444444 !important;  
background-image: -moz-linear-gradient(90deg, #444 0%, #999 5%, #444 50%, #999 95%, #444 100%) !important; 
}

scrollbar thumb[orient="horizontal"],
textbox scrollbar thumb[orient="horizontal"]
{ -moz-appearance: none !important; 
opacity: .4 !important;
min-height: 30px !important;
border: none !important; 
border-radius: 5px !important; 
background-color: #444444 !important;  
background-image: -moz-linear-gradient(90deg, #444 0%, #999 5%, #444 50%, #999 95%, #444 100%) !important; 
}

scrollbar[orient="vertical"]
{
min-width: 8px !important;
max-width: 8px !important;
}

html>scrollbar[orient="vertical"]
{
margin-left: -8px !important;
position: relative !important;
z-index: 99999999 !important;
}

scrollbar[orient="horizontal"]
{
max-height: 10px !important;
min-height: 10px !important; 
}
html>scrollbar[orient="horizontal"]
{
position: relative !important;
z-index: 99999999 !important;
}

scrollbarbutton {display: none!important; }

/**** so scrollbar won't block links, other scrollbars, etc *****/
@-moz-document url-prefix(http){
body
{
padding-right: 8px !important;
max-width: calc(100% - 8px)  !important;
}
}

Отсутствует

 

№728-01-2018 16:42:03

Mishania
Участник
 
Группа: Members
Зарегистрирован: 22-10-2011
Сообщений: 356
UA: unknown 0.0

Re: Изменение цвета скролл-бара

Ultima2m
Отлично, сделал чуть потолще, теперь такая красота! Вот сейчас заживу. ;) Спасибо.

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]