Posted January 31, 20213 yr comment_167471 Друзья всем доброго дня. Подскажите пожалуйста как сделать блоки статистики и файлов, таким образом что бы их можно было прокручивать как к примеру чат бокс (вверх и вниз) В дефолте такой настройки нет (плагин пытался найти не нашел.) Заранее благодарю за информацию. Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/ Share on other sites More sharing options...
January 31, 20213 yr comment_167484 Например вот так: <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" Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167484 Share on other sites More sharing options...
January 31, 20213 yr Author comment_167487 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" Тот самый эпичный момент когда я прикипел не много читая.) Спасибо за мини гайд. Буду пробовать сообразить.. если что буду писать сюда) Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167487 Share on other sites More sharing options...
January 31, 20213 yr Author comment_167488 В общем из всего понял только куда вставить данный код ... в css #ipsLayout_mainArea [data-blockid*="ТУТ ВАШ АЙДИ ВИДЖЕТА"] .ipsWidget_inner { max-height: 300px; overflow: auto; } Вставил в него код блока который нашел через (просмотр кода) а что делать и куда ставить строки которые выше и какую высоту указывать не понял =( Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167488 Share on other sites More sharing options...
February 1, 20213 yr Author comment_167514 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" Все сделал как вы написали но ниче не меняется (то есть столб с темами так и стоит на месте в ксс "код" вставил "код" блока тоже правильный поставил ... кэшь чистил не помогает ни чего тупо стоит на месте блок... =( тынцы с бубном уже какие то Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167514 Share on other sites More sharing options...
February 1, 20213 yr comment_167527 Спойлер 5 часов назад, saiko сказал: Все сделал как вы написали но ниче не меняется (то есть столб с темами так и стоит на месте в ксс "код" вставил "код" блока тоже правильный поставил ... кэшь чистил не помогает ни чего тупо стоит на месте блок... =( тынцы с бубном уже какие то Сайт свой укажите для начала) В профиле Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167527 Share on other sites More sharing options...
February 1, 20213 yr Author comment_167528 36 минут назад, andros0789 сказал: Скрыть контент Сайт свой укажите для начала) В профиле Указал что это меняет тут не понятно как то вроде на форуме куча народу а для чего он)))) помощи как то маловато от людей исходит даже по самым вроде базовым вопросам (для этих дюжей) я к примеру только начал осваивать процесс... Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167528 Share on other sites More sharing options...
February 1, 20213 yr comment_167529 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;"> Это вставьте) Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167529 Share on other sites More sharing options...
February 1, 20213 yr Author comment_167530 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 не работает почему то 😭 Это видимо какая то магия и я один такой не везучий) Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167530 Share on other sites More sharing options...
February 1, 20213 yr Author comment_167532 Я вот понять не могу столько плагинов есть вообще нереально много полезных, нужных ( а такой мелочи нету ) эх видать не судьба мне поставить) Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167532 Share on other sites More sharing options...
February 1, 20213 yr comment_167533 Да потому что такую мелочь делают ручками, а не плагины пишут ради РУКОЖ====пых...не в обиду сказано.... Лови учебник для особенных. http://htmlbook.ru/ Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167533 Share on other sites More sharing options...
February 1, 20213 yr Author comment_167534 8 минут назад, andros0789 сказал: Да потому что такую мелочь делают ручками, а не плагины пишут ради РУКОЖ====пых...не в обиду сказано.... Лови учебник для особенных. http://htmlbook.ru/ ну спасибо удружил! буду изучать мистер всезнайка))) Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167534 Share on other sites More sharing options...
February 1, 20213 yr comment_167537 saiko серьёзно? буквально добавить 3 строчки в css и надо плагин под это делать, странное это дело Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167537 Share on other sites More sharing options...
February 2, 20213 yr Author comment_167540 2 часа назад, accop сказал: saiko серьёзно? буквально добавить 3 строчки в css и надо плагин под это делать, странное это дело Ну было бы не плохо так как плагины встают хорошо ... а насчет 3х строчек не везде они встают и не у всех. И дело не в кривых руках. Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167540 Share on other sites More sharing options...
February 2, 20213 yr comment_167541 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 сказал: И дело не в кривых руках. Дело в незнании веб языков Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167541 Share on other sites More sharing options...
February 2, 20213 yr Author comment_167557 5 часов назад, ZIKURIK сказал: в custom.css #ipsLayout_sidebar [data-blockid*="app_forums_topicFeed_6x6hp8l9a"] .ipsWidget_inner { max-height: 300px; overflow: auto; } max-height: 300px; - высота блока Дело в незнании веб языков Тут соглашусь! Но данный код я уже ставил раз сто в ксс нечего не происходит. Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167557 Share on other sites More sharing options...
February 2, 20213 yr Author comment_167564 ZIKURIK ТЫ крут скрипт заработал) не понимаю ты скинул тот же код что кидали ребята до этого (только твой заработал) магия блин какая то... СПАСИБО! Link to comment https://ipbmafia.ru/topic/22866-bloki-statistiki-prokrutka/?&do=findComment&comment=167564 Share on other sites More sharing options...
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.