Измененные по виду скролл для uCoz
 | |
| Здесь предлагаю вам изменить свою прокрутку и в этом нам помогут стили Измененные по виду скролл для uCoz который будет реально не похожий, который был раньше. Как все мы знаем, он разный и у каждого браузера своя видимость на его. Но здесь мы больше делаем для хром, на нем очень корректно будет изображение. А вот на Mozilla Firefox останется как было, но будет небольшой эффект, это при наведение, что скажем тоже меняет саму стилистику. Не нужно не чего менять и искать, а только в CSS прописать стили в самом низу даже. Код ::-webkit-scrollbar-button {background-image:url('');background-repat:no-repeat;width:5px;height:0px} /*---Высота отступов и ширина дорожки---*/ ::-webkit-scrollbar-track {background-color:#fff;} /*---- фон дорожки скролла---*/ ::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px;background-color:#47a3da;} /*--- фон скролла и его закругления---*/ ::-webkit-scrollbar-thumb:hover{background-color:#999;} /*--- это отвечает за ховэр эффект фона ховера ---*/ ::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:5px;height:1px} /*---тут тоже ширина---*/ ::-webkit-scrollbar{width: 5px;} /*---Основная ширина скроллбара---*/ В них все описано, что за что отвечает, вообщем самый низ будет выставлять ширину, но остальное можно не трогать или настроить как видите его на ресурсе. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 10 | |
|
| |
