Замена цвета\фона\вида полосы прокрутки в виджете последних тем
Участников: 2
Страница 1 из 1
Замена цветафонавида полосы прокрутки в виджете последних тем
Здравствуйте еще раз, я вот по какому вопросу.
Есть созданная тема по Виджету "Последнии темы" - ТУТ
Тема о создании непрокручивающегося варианта полосы прокрутки.
У меня вопрос, есть ли способ заменить цветовую гамму этой полосы?
И еще один вопрос: "Какие есть варианты по замене её внешнего вида?"
Например встроить такой внешний вид как в этой теме: ТУТ
Вот собственно как вариант вложенной ссылки на полосу в той теме: http://jamesflorentino.github.io/nanoScrollerJS/
Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем
wolfsschanze, а есть уже залитый на хостинг скрипт прокрутки, чтобы можно было вживую потестить? Тут http://help.forum2x2.ru/t36062-topic только пример, как устанавливать.
Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем
IceQueen пишет:wolfsschanze, а есть уже залитый на хостинг скрипт прокрутки, чтобы можно было вживую потестить? Тут http://help.forum2x2.ru/t36062-topic только пример, как устанавливать.
Я в этом не разбераюсь, и готового у меня нет не чего, всегда руководствуюсь вашими статьями которые отыскиваю через поиск.
У Вас нет не где кто спрашивалбы и вы помогли сделать прокрутку?
Мне же она кстате в виджет нужна..а это я так понимаю уже совсем чуть подругому в отличии если её ставить на форум.
Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем
Сейчас попробую сюда залить http://help.forum2x2.ru/t24606-topic#183260
Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем
IceQueen пишет:Сейчас попробую сюда залить http://help.forum2x2.ru/t24606-topic#183260
Да, знаком с этим хранилищем. Но я там Видео и фаилы все такое храню.
Я ненадолго отойду..Тут еще кстате говоря по другим вопросам проблема появилась..виджет некорректно отображается в Фаерфоксе, а на Хроме нормально..но это в отдельной теме..пожже..А может и найду в поисковике решение тут..
Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем
На тестовике заработало.
1) в шаблоне overall_header (Верхняя часть страницы) перед тегом </head> надо добавить
2) в Управление кодами JS надо добавить
3) в шаблоне mod_recent_topics (Последние темы) надо выбрать коды непрокручивающегося виджета (после строки <!-- BEGIN classical_row -->)
и заменить
4) в CSS
1) в шаблоне overall_header (Верхняя часть страницы) перед тегом </head> надо добавить
- Код:
<script src="https://googledrive.com/host/0B4iZD6cwJfNxdnJ5a2NBQWZqeTg" type="text/javascript"></script>
2) в Управление кодами JS надо добавить
- Код:
$(function(){
$(".nano").nanoScroller();
});
3) в шаблоне mod_recent_topics (Последние темы) надо выбрать коды непрокручивающегося виджета (после строки <!-- BEGIN classical_row -->)
и заменить
- Код:
<!-- BEGIN recent_topic_row -->
- Код:
<div class="nano"><div class="nano-content"><!-- BEGIN recent_topic_row -->
- Код:
<!-- END recent_topic_row -->
- Код:
<!-- END recent_topic_row --></div></div>
4) в CSS
- Код:
/* настройки прокрутки nanoScroller */
.nano {
width: 190px;
height: 200px;
position: relative;
}
.nano > .nano-content {
position: absolute;
overflow: scroll;
overflow-x: hidden !important;
top: 0;
right: 0 !important;
bottom: 0;
left: 0;
margin: 0 !important;
padding: 0 !important;
}
.nano > .nano-content:focus {
outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
visibility: visible;
}
/* полоса прокрутки */
.nano > .nano-pane {
background: #555; /* цвет фона */
position: absolute;
width: 10px; /* ширина */
right: 0;
top: 0;
bottom: 0;
visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
opacity: .01; /* по-умолчанию прокрутку не видно */
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
-moz-border-radius: 5px; /* закругленные уголки */
-webkit-border-radius: 5px; /* закругленные уголки */
border-radius: 5px; /* закругленные уголки */
}
/* бегунок на полосе прокрутки */
.nano > .nano-pane > .nano-slider {
background: #222; /* цвет бегунка */
position: relative;
margin: 0 1px;
-moz-border-radius: 3px; /* закругленные уголки */
-webkit-border-radius: 3px; /* закругленные уголки */
border-radius: 3px; /* закругленные уголки */
}
/* при наведении полоса прокрутки появляется */
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
visibility: visible\9; /* Target only IE7 and IE8 with this hack */
opacity: 0.99;
}
Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем
Благодарю, обязательно взгляну и просмотрю. Севодня не смогу но найду время в ближайщее время..завтра надеюсь выкраю своб.время..
Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем
Проверяйте когда удобно. Тутор выложен, никуда не денется.
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|