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

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


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

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

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

Предыдущая тема Следующая тема Перейти вниз

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

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


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


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


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


wolfsschanze
 

Мужчина

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

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

http://forum.wolfsschanze.ru/

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

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

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

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



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

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

http://help.forum2x2.ru/

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

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

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

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

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

wolfsschanze
 

Мужчина

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

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

http://forum.wolfsschanze.ru/

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

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

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

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



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

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

http://help.forum2x2.ru/

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

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

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

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

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

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

wolfsschanze
 

Мужчина

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

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

http://forum.wolfsschanze.ru/

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

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;
}



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

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

http://help.forum2x2.ru/

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

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

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

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

wolfsschanze
 

Мужчина

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

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

http://forum.wolfsschanze.ru/

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

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

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

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



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

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

http://help.forum2x2.ru/

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

Предыдущая тема Следующая тема Вернуться к началу


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