Jump to content

Блоки статистики (прокрутка)

Featured Replies

Друзья всем доброго дня. Подскажите пожалуйста как сделать блоки статистики и файлов, таким образом что бы их можно было прокручивать как к примеру чат бокс (вверх и вниз) 
В дефолте такой настройки нет (плагин пытался найти не нашел.) 
Заранее благодарю за информацию.
 

1Безымянный.jpg

Link to comment
https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/
Share on other sites

Например вот так:

<div class="bl-scroll">содержимое блока</div>

стили:

.bl-scroll { width: 280px; max-height: 400px; /*Высота блока после которой начнется прокрутка*/ display: inline-block; overflow-x: hidden; /*непосредственно прокрутка*/ margin: 0 -3px; padding-top: 1px;}

тонкий скрол делаем стилями, например:

#body{}::-webkit-scrollbar{width: 5px;height: 5px;}::-webkit-scrollbar-track-piece{background-color: #ffffff;}::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #096BAA;}::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #096BAA;}

где цвет #096BAA настраиваем под нужный цвет полоски скрола.

Простая модификация добавления полосы скролинга стандартного блока на странице форума для вывода большего количества последних тем.

1. Устанавливаем блок "Лента тем" на страницу форума. В настройках блока "Количество для отображения" ставим 15.

2. Админ -> Внешний вид -> Стили и шаблоны -> Ваш стиль -> Кнопка редактора стилей -> CSS -> core-front-custom-custom.css -> добавить:

#ipsLayout_mainArea [data-blockid*="ТУТ ВАШ АЙДИ ВИДЖЕТА"] .ipsWidget_inner {
	max-height: 300px;
	overflow: auto;
}

Виджет можно посмотреть кликнув правой кнопкой и посмотрев код (пример ниже):
 

data-blockid="app_cms_RecordFeed_3nos1lnos"

 

18 минут назад, andros0789 сказал:

Например вот так:


<div class="bl-scroll">содержимое блока</div>

стили:


.bl-scroll { width: 280px; max-height: 400px; /*Высота блока после которой начнется прокрутка*/ display: inline-block; overflow-x: hidden; /*непосредственно прокрутка*/ margin: 0 -3px; padding-top: 1px;}

тонкий скрол делаем стилями, например:


#body{}::-webkit-scrollbar{width: 5px;height: 5px;}::-webkit-scrollbar-track-piece{background-color: #ffffff;}::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #096BAA;}::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #096BAA;}

где цвет #096BAA настраиваем под нужный цвет полоски скрола.

Простая модификация добавления полосы скролинга стандартного блока на странице форума для вывода большего количества последних тем.

1. Устанавливаем блок "Лента тем" на страницу форума. В настройках блока "Количество для отображения" ставим 15.

2. Админ -> Внешний вид -> Стили и шаблоны -> Ваш стиль -> Кнопка редактора стилей -> CSS -> core-front-custom-custom.css -> добавить:


#ipsLayout_mainArea [data-blockid*="ТУТ ВАШ АЙДИ ВИДЖЕТА"] .ipsWidget_inner {
	max-height: 300px;
	overflow: auto;
}

Виджет можно посмотреть кликнув правой кнопкой и посмотрев код (пример ниже):
 


data-blockid="app_cms_RecordFeed_3nos1lnos"

 

Тот  самый эпичный момент когда я прикипел не много читая.) 
Спасибо за мини гайд. Буду пробовать сообразить.. если что буду писать сюда)

В общем из всего понял только куда вставить данный код ... в css

 

#ipsLayout_mainArea [data-blockid*="ТУТ ВАШ АЙДИ ВИДЖЕТА"] .ipsWidget_inner {
	max-height: 300px;
	overflow: auto;
}

Вставил в него код блока который нашел через (просмотр кода) а что делать и куда ставить строки которые выше и какую высоту указывать не понял =(

14 часов назад, andros0789 сказал:

Например вот так:


<div class="bl-scroll">содержимое блока</div>

стили:


.bl-scroll { width: 280px; max-height: 400px; /*Высота блока после которой начнется прокрутка*/ display: inline-block; overflow-x: hidden; /*непосредственно прокрутка*/ margin: 0 -3px; padding-top: 1px;}

тонкий скрол делаем стилями, например:


#body{}::-webkit-scrollbar{width: 5px;height: 5px;}::-webkit-scrollbar-track-piece{background-color: #ffffff;}::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #096BAA;}::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #096BAA;}

где цвет #096BAA настраиваем под нужный цвет полоски скрола.

Простая модификация добавления полосы скролинга стандартного блока на странице форума для вывода большего количества последних тем.

1. Устанавливаем блок "Лента тем" на страницу форума. В настройках блока "Количество для отображения" ставим 15.

2. Админ -> Внешний вид -> Стили и шаблоны -> Ваш стиль -> Кнопка редактора стилей -> CSS -> core-front-custom-custom.css -> добавить:


#ipsLayout_mainArea [data-blockid*="ТУТ ВАШ АЙДИ ВИДЖЕТА"] .ipsWidget_inner {
	max-height: 300px;
	overflow: auto;
}

Виджет можно посмотреть кликнув правой кнопкой и посмотрев код (пример ниже):
 


data-blockid="app_cms_RecordFeed_3nos1lnos"

 

Все сделал как вы написали но ниче не меняется (то есть столб с темами так и стоит на месте в ксс "код" вставил "код" блока тоже правильный поставил ... кэшь чистил не помогает ни чего тупо стоит на месте блок... =(

тынцы с бубном уже какие то 

1Безымянный.jpg

2Безымянный.jpg

3Безымянный.jpg

Спойлер
5 часов назад, saiko сказал:

Все сделал как вы написали но ниче не меняется (то есть столб с темами так и стоит на месте в ксс "код" вставил "код" блока тоже правильный поставил ... кэшь чистил не помогает ни чего тупо стоит на месте блок... =(

тынцы с бубном уже какие то 

1Безымянный.jpg

2Безымянный.jpg

3Безымянный.jpg

 

Сайт свой укажите для начала) В профиле

36 минут назад, andros0789 сказал:
  Скрыть контент

 

Сайт свой укажите для начала) В профиле

Указал что это меняет

тут не понятно как то вроде на форуме куча народу а для чего он)))) помощи как то маловато от людей исходит даже по самым вроде базовым вопросам (для этих дюжей) 
я к примеру только начал осваивать процесс... 

8 минут назад, saiko сказал:

Указал что это меняет

это многое меняет, научитесь давать все данные, помощь ускорится.

8 минут назад, saiko сказал:

тут не понятно как то вроде на форуме куча народу а для чего он)))) помощи как то маловато от людей исходит даже по самым вроде базовым вопросам (для этих дюжей) 
я к примеру только начал осваивать процесс... 

Ни у одного юзера ни на одном сообществе нет в обязанностях помогать кому либо. Кто хочет тот и помогает. Так что аккуратнее с выражениями, пройдут мимо за ваш диалект.

<li class="ipsWidget ipsWidget_vertical ipsBox " data-blockid="app_forums_topicFeed_6x6hp8l9a" data-blockconfig="true" data-blocktitle="Лента тем" data-blockerrormessage="Этот блок не может быть показан. Причиной этому может необходимость его настройки, либо будет отображён после перезагрузки этой страницы." data-controller="core.front.widgets.block" style="max-height: 300px;overflow: auto;">

Это вставьте)

22 минуты назад, andros0789 сказал:

это многое меняет, научитесь давать все данные, помощь ускорится.

Ни у одного юзера ни на одном сообществе нет в обязанностях помогать кому либо. Кто хочет тот и помогает. Так что аккуратнее с выражениями, пройдут мимо за ваш диалект.


<li class="ipsWidget ipsWidget_vertical ipsBox " data-blockid="app_forums_topicFeed_6x6hp8l9a" data-blockconfig="true" data-blocktitle="Лента тем" data-blockerrormessage="Этот блок не может быть показан. Причиной этому может необходимость его настройки, либо будет отображён после перезагрузки этой страницы." data-controller="core.front.widgets.block" style="max-height: 300px;overflow: auto;">

Это вставьте)

ок понял, принял, попробую... еще попытать удачу)

andros0789 не работает почему то 😭

Это видимо какая то магия и я один такой не везучий)

 

Я вот понять не могу столько плагинов есть вообще нереально много полезных, нужных ( а такой мелочи нету ) эх видать не судьба мне поставить)

Да потому что такую мелочь делают ручками, а не плагины пишут ради РУКОЖ====пых...не в обиду сказано....

Лови учебник для особенных. http://htmlbook.ru/

8 минут назад, andros0789 сказал:

Да потому что такую мелочь делают ручками, а не плагины пишут ради РУКОЖ====пых...не в обиду сказано....

Лови учебник для особенных. http://htmlbook.ru/

ну спасибо удружил! буду изучать мистер всезнайка)))

saiko серьёзно? буквально добавить 3 строчки в css и надо плагин под это делать, странное это дело 

2 часа назад, accop сказал:

saiko серьёзно? буквально добавить 3 строчки в css и надо плагин под это делать, странное это дело 

Ну было бы не плохо так как плагины встают хорошо ... а насчет 3х строчек не везде они встают и не у всех. И дело не в кривых руках. 

2 часа назад, saiko сказал:

Ну было бы не плохо так как плагины встают хорошо ... а насчет 3х строчек не везде они встают и не у всех. И дело не в кривых руках. 

в custom.css

#ipsLayout_sidebar [data-blockid*="app_forums_topicFeed_6x6hp8l9a"] .ipsWidget_inner {
    max-height: 300px;
    overflow: auto;
}

max-height: 300px; - высота блока

2 часа назад, saiko сказал:

И дело не в кривых руках. 

Дело в незнании веб языков

5 часов назад, ZIKURIK сказал:

в custom.css


#ipsLayout_sidebar [data-blockid*="app_forums_topicFeed_6x6hp8l9a"] .ipsWidget_inner {
    max-height: 300px;
    overflow: auto;
}

max-height: 300px; - высота блока

Дело в незнании веб языков

Тут соглашусь! 

Но данный код я уже ставил раз сто в ксс нечего не происходит. 

ZIKURIK ТЫ крут скрипт заработал) не понимаю ты скинул тот же код что кидали ребята до этого (только твой заработал) магия блин какая то... СПАСИБО!

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Reply to this topic...

Recently Browsing 0

  • No registered users viewing this page.