Страница 1 из 11
Форум про uCoz » Создание сайта на uCoz » Другие скрипты для uCoz » Меняем вид полосы прокрутки
Меняем вид полосы прокрутки
workman
Дата: Воскресенье, 28.06.2015, 10:39 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7


Написал такие простые стили которые вам полностью поменяют полосу прокрутки на сайте.
Демо пример смотрите у меня на сайте.

Теперь как сделать так у себя. Берем вот этот код:
Код
::-webkit-scrollbar { width: 6px; background: #F49A20 !important;}
::-webkit-scrollbar-thumb { background: #1607FC !important;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #000 !important;}
::-webkit-scrollbar-thumb:horizontal {height: 6px; background: #F49A20 !important;}

Заходим сюда: ПУ » Главная » Управление дизайном » Редактирование шаблонов » Таблица стилей (CSS) » В самый низ ставим и жмем "Сохранить". Далее проходим на свой сайт, обновляем страницу и видим то что Вы видели у меня на сайте.

А теперь разжуем как настроить под ваш сайт: biggrin



Данный код, отвечает за сам фон, где вы цвет меняете под свой дизайн
Код
::-webkit-scrollbar{ width: 6px; background: #F49A20 !important;}
Вот этот - цвет бегунка, его меняете на свое усмотрение
Код
::-webkit-scrollbar-thumb { background: #1607FC !important;border-radius: 10px;}
Это тоже бегунок, только когда на него наводите мышкой чтобы передвинуть, он поменяет цвет. Его также на свое усмотрение, я поставил черный
Код
::-webkit-scrollbar-thumb:hover {background: #000 !important;}
Ну и последний код, отвечает за то, если у вас есть на сайте скролинг горизонтальный. В нем ничего менять не нужно, он автоматически заточен под первый
Код
::-webkit-scrollbar-thumb:horizontal {height: 6px; background: #F49A20 !important;}


На этом все...

Хотя нет ... Если Вы в верхнем меню, нажмете на кнопку "Загрузить картинку" и авторизуетесь на форуме, то увидите как именно работает данный код через который можно добавлять картинки на свой сайт.
Своего рода, собственный фотохостинг для удобного добавления картинок в сообщения.
Прикрепления: 8204568.jpg(31Kb)


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Воскресенье, 28.06.2015, 11:17
Страна: (RU)
kredit-oformi
Дата: Воскресенье, 28.06.2015, 14:01 | Сообщение # 2
Vip
Сообщений:1964
Награды: 5


workman, неплохо неплохо smile
Страна: (RU)
๖ۣۜInspire
Дата: Воскресенье, 28.06.2015, 14:06 | Сообщение # 3
Vip
Сообщений:598
Награды: 3


вот только меняется она в браузерах на вебките только



Моё портфолио
Страна: (RU)
workman
Дата: Воскресенье, 28.06.2015, 15:58 | Сообщение # 4
Vip
Сообщений:1576
Награды: 7


Цитата ๖ۣۜInspire ()
вот только меняется она в браузерах на вебките только

Протестирован на Гугл Хроме, Яндексе, Уране ... Все работает


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Страна: (RU)
Kosten
Дата: Воскресенье, 28.06.2015, 18:08 | Сообщение # 5
Администраторы
Сообщений:14457
Награды: 47


workman, такие прокрутки называю понтавитые так в дизайн а понту нет biggrin
Страна: (RU)
workman
Дата: Воскресенье, 28.06.2015, 18:52 | Сообщение # 6
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
такие прокрутки называю понтавитые так в дизайн а понту нет

НУ просто у некоторых сайты из за широкой прокрутки начинают дергаться в сторону.
Хотя можно конечно и это убрать, всего-лишь воткнув такой малюсинький код
Код
html,body{overflow-y:scroll;}


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Страна: (RU)
๖ۣۜInspire
Дата: Воскресенье, 28.06.2015, 19:44 | Сообщение # 7
Vip
Сообщений:598
Награды: 3


workman, потому что они на вебкит, а как же мозилла, ие?



Моё портфолио
Страна: (RU)
workman
Дата: Воскресенье, 28.06.2015, 20:33 | Сообщение # 8
Vip
Сообщений:1576
Награды: 7


Я так понимаю что разные вещички стоит прекращать делиться???
Чтобы не поставил, все не так...
Ну сделай сам так, чтобы было видно кругом и везде и поделись с нами. И тем более пишешь про IE ...
Какой дурак пользуется сегодня ослом тормозящим??


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Страна: (RU)
Kosten
Дата: Воскресенье, 28.06.2015, 20:53 | Сообщение # 9
Администраторы
Сообщений:14457
Награды: 47


Цитата workman ()
Я так понимаю что разные вещички стоит прекращать делиться???


Что за бунт? surprised

Безусловно делится, если одному или двум не нравится, это не означает, что всем не нравится.

Так как заливаешь что то оригинальное, что факт на лицо. wink
Страна: (RU)
workman
Дата: Воскресенье, 28.06.2015, 21:24 | Сообщение # 10
Vip
Сообщений:1576
Награды: 7


Цитата Kosten ()
Что за бунт?

Неее... Никакого бунта... Просто когда если делает человек сам, то это вряд-ли должно обсуждаться.
Пусть твой коллега покажет что именно он сделал самостоятельно без копирования откуда-либо biggrin biggrin biggrin


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Страна: (RU)
Kosten
Дата: Воскресенье, 28.06.2015, 21:36 | Сообщение # 11
Администраторы
Сообщений:14457
Награды: 47


Цитата workman ()
Пусть твой коллега покажет что именно он сделал самостоятельно без копирования откуда-либо


Мы тут все взрослые и не будем меряется причендалами, давайте оставил этот удел школьникам и не будем отбирать у них хлеб.

Не когда не будет обсуждение кого небудь.

Удачной охоты брат wink
Страна: (RU)
๖ۣۜInspire
Дата: Понедельник, 29.06.2015, 09:00 | Сообщение # 12
Vip
Сообщений:598
Награды: 3


workman, есть такое понятие как критика. я имею право делится впечатлением об продукте, и ты должен воспринимать это правильно, без бомбёжки(если ты не воинствующий школоло конечно же). Я не навязываю своё мнение кому-либо, делай как хочешь, но я просто говорю как было бы лучше.
Цитата
Какой дурак пользуется сегодня ослом тормозящим??

Последние версии ие вполне работоспособны и им пользуются.
Цитата
Пусть твой коллега покажет что именно он сделал самостоятельно без копирования откуда-либо

Например в данный момент я делаю систему управления сайтом на PHP, которая располагается на этом хосте




Моё портфолио
Страна: (RU)
workman
Дата: Понедельник, 29.06.2015, 09:37 | Сообщение # 13
Vip
Сообщений:1576
Награды: 7


Цитата ๖ۣۜInspire ()
Последние версии ие вполне работоспособны и им пользуются.

Пройдя опрос в сети я еще раз убедился в том что народ в основном сидит с бр Яндекс, так как он быстрее и очень мало кто использует IE.


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Страна: (RU)
Форум про uCoz » Создание сайта на uCoz » Другие скрипты для uCoz » Меняем вид полосы прокрутки
Страница 1 из 11
Поиск: