Красивая полоса прокрутки для сайта 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} И на этом вся установка. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 2 | |
|
| |
