Вопрос Стиль скрол бара в статистике [XenConcept] Advanced Forum Rules

[Pokschubin]

Как изменить стиль скрол бара ? А т.е. цвет и ширину скоролла..

 

[Skaiman]

Это вопрос по графике?

 

[Pokschubin]

Skaiman, А по чему нет ?

 

[Skaiman]

Вот если честно, я не врублюсь какая статистика в этом плагине? Это вроде правила для разделов и категорий.

 

[Pokschubin]

Skaiman, Нет нет, не вту степо смотрите. Смотрите на полосу прокрутке. Она вида от Windows XP. Сегодня видел как делается полоса прокрутка на всём форуме которая справа, она другого цвета и закругленные углы, ну и стрелки вверху и внизу другие. Бело-серая полоса прокрутке как то в глаза бросается.

 

[Skaiman]

Сегодня видел как делается полоса прокрутка на всём форуме которая справа, она другого цвета и закругленные углы, ну и стрелки вверху и внизу другие. Бело-серая полоса прокрутке как то в глаза бросается.

Ты смотрел в хроме? Если да, то посмотри в мазиле

 

[Pokschubin]

rounded-dark тут демо
Я вот как то так хотел изменить вид/стиль полосы прокрутки

 

[Skaiman]

Я вот как то так хотел изменить вид/стиль полосы прокрутки

Как изменить полосу прокрутки на сайте (+ 26 готовых тем) | Beloweb.ru там все написано

 

[Pokschubin]

Skaiman, Ну дык там написано про полосу прокрутки на сайте, а не в статистике

 

[Skaiman]

<script>
(function($){
$(window).load(function(){
 
$("body").mCustomScrollbar({
theme:"dark-thin"
});
 
});
})(jQuery);
</script>

Видишь, там применено для body, то есть для всей страницы, измени на нужный класс и примени только для чего то конкретного.

 

[Pokschubin]

Skaiman, Видно очень ))

 

[Skaiman]

Видно очень

Ну дык это твои проблемы, будь симпатичнее, за семь сообщений ни одной симпатии

 

[Adept]

Ибо тут не кто не кому нечего не должен.

offtop

 

[Pokschubin]

Вот нашел css код для изменения на всей странице полосы прокрутки

::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#ecedee
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#6dc0c8;
}

::-webkit-scrollbar-thumb:hover{
background-color:#56999f;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}

::-webkit-scrollbar{
width: 4px;
}

Его вставляем в шаблон extra.less

offtop

 

[Skaiman]

Pokschubin, блин ты такой еще неопытный Это не открытие, это давно известно, это для хрома. Я ж тебе уже сказал, что твои открытия, многие уже давно забыли не живи прошлым, развивайся. Посмотри это malte-wessel/react-custom-scrollbars, jScrollPane - cross browser styleable scrollbars with jQuery and CSS, Пользовательские скроллбары в WebKit | htmlbook.ru, How To Create a Custom Scrollbar,

 

[Skaiman]

Онлайн генераторы
Webkit Scrollbar Generator
Scrollbar Generator
HTML custom scrollbar code generator
Scrollbar Style Generator
Просто все эти фишки из 20 века, все это уже приелось, а твои турки зависли на том уровне, уходи от них

 

[Pokschubin]

Skaiman, Ну дык я у них увидел цветной скрол, но не видел ни где на наших отечественных (даже хакерских) форумах. А то что я не учил в 20 веке css/html это не значит что я, не хочу изучать. Тут изучать то и не стоит. Хорошо что Вы изучали азы CSS/HTML и можете пнуть в ту сторону куда надо. Всё уже готовое есть, но я то не знал про не которые сайты.

Сообщение автоматически объединено: 14.07.2018

Стилизация полосы прокрутки с помощью CSS код взят из источника. Иногда поиск помогает.