Изменение скролла
- 27 Июл 15 в 17:56
- Дизайн сайта
Здравствуйте, как все давно знают что сайт должен быть хорош не только за счет активных частей сайта но и по маленьким, хотя данный материал сложно отнести к пассивному, т.к. его все мы используем, и украсить эту часть сайта от стандартной браузерной советую чуть ли не каждому.
Всё что вам нужно, это в стиль сайта (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;} /*---Основная ширина скроллбара---*/
::-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;} /*---Основная ширина скроллбара---*/
Вроде мелочь а глазам приятно. Используйте все возможности этих стилей. Спасибо за внимание.
Всего комментариев: (0)
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.
Случайные материалы
Своя страница технических работ
Красивая форма добавления комментар
Ccылка 3-х видов на материал
Ошибки фрилансеров: как не нужно пи
Анимационные плоские смайлики
Простые Эффекты при наведении курсо