» »

Создаем скроллбар для своего сайта 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.03.2016 Просмотров: 386 Комментарий: (7)

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

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

Комментарий: 7
tsakonter
tsakonter 25.03.2016 16:091
0
Всегда пригодится, хотя привык уже как говориться к стандартному, но что то нужно менять, и можно начать с этого.
Сопрано
Сопрано 25.03.2016 16:162
0
Давно поставил и настроил как нужно, но здесь на сайте есть совершенно другой, не могу найти, он намного красивей, если не ошибаюсь, должен идти в светло желтом оттенке.
Сафрон
Сафрон 25.03.2016 16:203
0
Точно есть такой, это из серий, что раньше на старом дизайн шаблоне стояло, просто там мне кажется ссылками идет, но точно с одной.
Kosten
Kosten 25.03.2016 16:244
0
Заливал такой, он светлый, что то с желтой гаммой, но найти не могу, только нашел, что по похоже на этот скрипт здесь но названию его не показывает, но он точно есть, как найду, сразу пропишу, или кто встретит, здесь ссылку оставите плиз, так как думаю самому поставить.
Tergran
Tergran 25.03.2016 16:485
0
Чем этот не нравиться, разве что на нем нет полос, а так все очень прилично.
Angerfist
Angerfist 25.03.2016 17:336
0
Убрать полосы прокрутки , но это уже пакость)
tsakonter
tsakonter 25.03.2016 17:457
0
Да, все возможно, но есть скрипт, уже настроен, и он дизайнерский как понимаю. И там тоже полоса, но сделано гораздо красивей.
avatar