» »

Темный стиль на скроллбар для uCoz

Темный стиль на скроллбар для uCoz

Вашему вниманию темный стиль на скроллбар для сайта uCoz, где при установки автоматически стандартный уйдет и появится оригинальный. Все смотрится на контрасте, и смотря под какой фон, так как можно сделать и темнее и вообще вывести под любой оттенок цвета. Проверяя на браузере Хром, то там все изменилось и так по идее должно на каждом браузере, но кроме Осла, там редко что по стилистике идет изменение.

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

Приступаем к установке:

CSS:

Код
::-webkit-scrollbar{width: 10px;height: 5px;}::-webkit-scrollbar-track-piece{background-color: #222;-webkit-border-radius: 5px;}::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #333;-webkit-border-radius: 5px;}::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #666;-webkit-border-radius: 5px;}

Стиль просто и будет визуально изменять, и также вы здесь сами можете поучаствовать в этом редактирование и выставить как вы видите и хотите.
05.05.2017 Просмотров: 406 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
Tergran
Tergran 05.05.2017 05:561
0
Не может быть, чтоб на всех браузерах бы так смотрелось, некоторые просто не видят.
-SAM-
-SAM- 05.05.2017 06:082
+2
Так написано же, что для Webkit [!]
Вот еще нашёл через поисковик такой генератор.
csafrones
csafrones 05.05.2017 20:323
0
Под этот скрол можно много интересного найти, но как есть, более устраивает.
avatar