ZorNet.Ru — сайт для вебмастера » HTML и CSS » Создаем скроллбар для своего сайта uCoz

Создаем скроллбар для своего сайта uCoz

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

Установка:

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:#cb8b00;} /*--- фон скролла и его закругления---*/
::-webkit-scrollbar-thumb:hover{background-color:#3c3c3c;} /*--- это отвечает за ховэр эффект фона ховера ---*/
::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:5px;height:1px} /*---тут тоже ширина---*/
::-webkit-scrollbar{width: 5px;} /*---Основная ширина скроллбара---*/

Как видим в стилях прописан сам и координаты, что отвечает, за какие действие формата.

25 Марта 2016 Просмотров: 1799 Комментариев: (7)

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

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

Kosten

Похожие материалы

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

Комментарии: 7
Порядок вывода комментариев: tsakonter 25 Марта 2016 16:09¹ 0 Всегда пригодится, хотя привык уже как говориться к стандартному, но что то нужно менять, и можно начать с этого. Сопрано 25 Марта 2016 16:16² 0 Давно поставил и настроил как нужно, но здесь на сайте есть совершенно другой, не могу найти, он намного красивей, если не ошибаюсь, должен идти в светло желтом оттенке. Сафрон 25 Марта 2016 16:20³ 0 Точно есть такой, это из серий, что раньше на старом дизайн шаблоне стояло, просто там мне кажется ссылками идет, но точно с одной. Kosten 25 Марта 2016 16:24⁴ 0 Заливал такой, он светлый, что то с желтой гаммой, но найти не могу, только нашел, что по похоже на этот скрипт здесь но названию его не показывает, но он точно есть, как найду, сразу пропишу, или кто встретит, здесь ссылку оставите плиз, так как думаю самому поставить. Tergran 25 Марта 2016 16:48⁵ 0 Чем этот не нравиться, разве что на нем нет полос, а так все очень прилично. Angerfist 25 Марта 2016 17:33⁶ 0 Убрать полосы прокрутки , но это уже пакость) tsakonter 25 Марта 2016 17:45⁷ 0 Да, все возможно, но есть скрипт, уже настроен, и он дизайнерский как понимаю. И там тоже полоса, но сделано гораздо красивей.