ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Красивая полоса прокрутки для сайта uCoz

Красивая полоса прокрутки для сайта uCoz

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

Установка:

CSS:

Код
-webkit-scrollbar{height:10px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track-piece:vertical{background-color:#3c3c3c}::-webkit-scrollbar-track-piece:horizontal{background-color:#3c3c3c}::-webkit-scrollbar-thumb:vertical{background-color:#787878;border:1px #8f8f8f solid;border-radius:3px;-webkit-border-radius:3px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#969696}::-webkit-scrollbar-thumb:vertical:active{background-color:#5b5b5b}::-webkit-scrollbar-thumb:horizontal{background-color:#787878;border:1px #8f8f8f solid;border-radius:3px;-webkit-border-radius:3px}::-webkit-scrollbar-thumb:horizontal:hover{background-color:#969696}::-webkit-scrollbar-thumb:horizontal:active{background-color:#5b5b5b}::-webkit-scrollbar-button:horizontal{background-color:#5e5e5e;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:horizontal:hover{background-color:#747474;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:horizontal:active{background-color:#6b6b6b;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:vertical{background-color:#5e5e5e;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:vertical:hover{background-color:#747474;background-repat:no-repeat;width:10px;height:10px}::-webkit-scrollbar-button:vertical:active{background-color:#6b6b6b;background-repat:no-repeat;width:10px;height:10px}::-webkit-resizer{background-color:#5e5e5e;background-repeat:no-repeat;width:5px;height:5px}::-webkit-resizer:hover{background-color:#747474;background-repeat:no-repeat;width:5px;height:5px}::-webkit-resizer:active{background-color:#6b6b6b;background-repeat:no-repeat;width:5px;height:5px}


И на этом вся установка.
11 Января 2016 Просмотров: 2361 Комментариев: (2)

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

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

Оставь свой отзыв

Комментарии: 2
1280350
1280350 15 Декабря 2018 08:401
+1
Перечитал горы говна, перед тем как найти эту статью. Спасибо и здоровья автору!!!
Kosten
Kosten 15 Декабря 2018 15:522
0
По сути везде можно найти кучи, так как все обновляется, и некоторые скрипты перестают работать. А вам нужно было не читать статьи, а найти стили, что вы успешно сделали.

А так улыбнуло)))
avatar