Меняем скроллбар Siropu Chat

[bdrv]

Пользователь Owliwka разместил новый ресурс:

Меняем скроллбар Siropu Chat - Добавляем кастомный скроллбар в Siropu Chat

Заходим в extra.css и добавляем в удобное вам место этот код:

.siropuChatMessages::-webkit-scrollbar-thumb {
    background: #fc3e2b;
    border: 0px none #ffffff;
    border-radius: 3px;
}

.siropuChatMessages::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.siropuChatMessages::-webkit-scrollbar {
    width: 10px;
    height: 6px;
}

Значение background: #fc3e2b; меняете на своё.

Узнать больше об этом ресурсе...

 

[Skaiman]

Это только для браузеров на движке WebKit, тоесть хромоподобных, не кроссбраузерно

 

[bdrv]

Это только для браузеров на движке WebKit, тоесть хромоподобных, не кроссбраузерно

С удовольствием обновлю под кроссбраузерность, если расскажешь как это реализовать.

 

[Skaiman]

ну вот к примеру

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Так то я не в упрек написал, надо предупредить пользователей, что бы вопросов не возникало :)

Потом вот когда то делал Стилизация полосы прокрутки CODE с плагином NiceScroll

Про последний, там просто надо указать класс другой, я делал для code, а для сиропи можно заменить на siropuChatMessages

<script src="js/jquery.nicescroll.js"></script>
<script>
$(document).ready(function() {
$(".siropuChatMessages").niceScroll({cursorborder:"1px solid #E0E0E0",cursorcolor: '#BFBFBF',cursorfixedheight:'60'});
});
</script>

 

[bdrv]

ну вот к примеру

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Так то я не в упрек написал, надо предупредить пользователей, что бы вопросов не возникало :-)

Потом вот когда то делал Стилизация полосы прокрутки CODE с плагином NiceScroll

Про последний, там просто надо указать класс другой, я делал для code, а для сиропи можно заменить на siropuChatMessages

<script src="js/jquery.nicescroll.js"></script>
<script>
$(document).ready(function() {
$(".siropuChatMessages").niceScroll({cursorborder:"1px solid #E0E0E0",cursorcolor: '#BFBFBF',cursorfixedheight:'60'});
});
</script>

Тобишь можно просто загрузить файл и подправить скрипт на класс, который подходит под сиропи и всё?

 

[semmi]

За место .siropuChatMessages надо ставить #siropuChatMessages тогда всё работает и первый и второй вариант.