Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Замена цвета\фона\вида полосы прокрутки в виджете последних тем Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!


Join the forum, it's quick and easy

Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.

Замена цвета\фона\вида полосы прокрутки в виджете последних тем Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.

Замена цвета\фона\вида полосы прокрутки в виджете последних тем

Участников: 2

Перейти вниз

Important Замена цветафонавида полосы прокрутки в виджете последних тем

Сообщение автор wolfsschanze Вс 9 Ноя - 12:09


Здравствуйте еще раз, я вот по какому вопросу.
Есть созданная тема по Виджету "Последнии темы" - ТУТ
Тема о создании непрокручивающегося варианта полосы прокрутки.


У меня вопрос, есть ли способ заменить цветовую гамму этой полосы?


И еще один вопрос: "Какие есть варианты по замене её внешнего вида?"
Например встроить такой внешний вид как в этой теме: ТУТ
Вот собственно как вариант вложенной ссылки на полосу в той теме: http://jamesflorentino.github.io/nanoScrollerJS/

wolfsschanze
wolfsschanze
 
 

Мужчина
Сообщения : 43
Возраст : 36
Место обитания : Таганрог
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Important Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем

Сообщение автор IceQueen Вс 9 Ноя - 16:39

wolfsschanze, а есть уже залитый на хостинг скрипт прокрутки, чтобы можно было вживую потестить? Тут http://help.forum2x2.ru/t36062-topic только пример, как устанавливать.
IceQueen
IceQueen
Помощник
Помощник

Женщина
Сообщения : 1102
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 429

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем

Сообщение автор wolfsschanze Вс 9 Ноя - 16:42

IceQueen пишет:wolfsschanze, а есть уже залитый на хостинг скрипт прокрутки, чтобы можно было вживую потестить? Тут http://help.forum2x2.ru/t36062-topic только пример, как устанавливать.

Я в этом не разбераюсь, и готового у меня нет не чего, всегда руководствуюсь вашими статьями которые отыскиваю через поиск.
У Вас нет не где кто спрашивалбы и вы помогли сделать прокрутку?
Мне же она кстате в виджет нужна..а это я так понимаю уже совсем чуть подругому в отличии если её ставить на форум.
wolfsschanze
wolfsschanze
 
 

Мужчина
Сообщения : 43
Возраст : 36
Место обитания : Таганрог
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Important Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем

Сообщение автор IceQueen Вс 9 Ноя - 16:45

Сейчас попробую сюда залить http://help.forum2x2.ru/t24606-topic#183260
IceQueen
IceQueen
Помощник
Помощник

Женщина
Сообщения : 1102
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 429

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем

Сообщение автор wolfsschanze Вс 9 Ноя - 16:47

IceQueen пишет:Сейчас попробую сюда залить http://help.forum2x2.ru/t24606-topic#183260

Да, знаком с этим хранилищем. Но я там Видео и фаилы все такое храню.

Я ненадолго отойду..Тут еще кстате говоря по другим вопросам проблема появилась..виджет некорректно отображается в Фаерфоксе, а на Хроме нормально..но это в отдельной теме..пожже..А может и найду в поисковике решение тут..
wolfsschanze
wolfsschanze
 
 

Мужчина
Сообщения : 43
Возраст : 36
Место обитания : Таганрог
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Important Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем

Сообщение автор IceQueen Вс 9 Ноя - 18:47

На тестовике заработало.

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;
}
IceQueen
IceQueen
Помощник
Помощник

Женщина
Сообщения : 1102
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 429

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Important Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем

Сообщение автор wolfsschanze Вс 9 Ноя - 22:01

Благодарю, обязательно взгляну и просмотрю. Севодня не смогу но найду время в ближайщее время..завтра надеюсь выкраю своб.время..
wolfsschanze
wolfsschanze
 
 

Мужчина
Сообщения : 43
Возраст : 36
Место обитания : Таганрог
Регистрация : 2013-09-21
Благодарности : 0

Без предупреждений

http://forum.wolfsschanze.ru/

Вернуться к началу Перейти вниз

Important Re: Замена цвета\фона\вида полосы прокрутки в виджете последних тем

Сообщение автор IceQueen Вс 9 Ноя - 22:13

Проверяйте когда удобно. Тутор выложен, никуда не денется.
IceQueen
IceQueen
Помощник
Помощник

Женщина
Сообщения : 1102
Возраст : 35
Регистрация : 2009-05-31
Благодарности : 429

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения