saiko Опубликовано 31 января, 2021 Поделиться Опубликовано 31 января, 2021 Друзья всем доброго дня. Подскажите пожалуйста как сделать блоки статистики и файлов, таким образом что бы их можно было прокручивать как к примеру чат бокс (вверх и вниз) В дефолте такой настройки нет (плагин пытался найти не нашел.) Заранее благодарю за информацию. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
andros0789 Опубликовано 31 января, 2021 Поделиться Опубликовано 31 января, 2021 Например вот так: <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" Mano, saiko и Silence 3 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 31 января, 2021 Автор Поделиться Опубликовано 31 января, 2021 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" Тот самый эпичный момент когда я прикипел не много читая.) Спасибо за мини гайд. Буду пробовать сообразить.. если что буду писать сюда) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 31 января, 2021 Автор Поделиться Опубликовано 31 января, 2021 В общем из всего понял только куда вставить данный код ... в css #ipsLayout_mainArea [data-blockid*="ТУТ ВАШ АЙДИ ВИДЖЕТА"] .ipsWidget_inner { max-height: 300px; overflow: auto; } Вставил в него код блока который нашел через (просмотр кода) а что делать и куда ставить строки которые выше и какую высоту указывать не понял =( Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 1 февраля, 2021 Автор Поделиться Опубликовано 1 февраля, 2021 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" Все сделал как вы написали но ниче не меняется (то есть столб с темами так и стоит на месте в ксс "код" вставил "код" блока тоже правильный поставил ... кэшь чистил не помогает ни чего тупо стоит на месте блок... =( тынцы с бубном уже какие то Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
andros0789 Опубликовано 1 февраля, 2021 Поделиться Опубликовано 1 февраля, 2021 Спойлер 5 часов назад, saiko сказал: Все сделал как вы написали но ниче не меняется (то есть столб с темами так и стоит на месте в ксс "код" вставил "код" блока тоже правильный поставил ... кэшь чистил не помогает ни чего тупо стоит на месте блок... =( тынцы с бубном уже какие то Сайт свой укажите для начала) В профиле saiko 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 1 февраля, 2021 Автор Поделиться Опубликовано 1 февраля, 2021 36 минут назад, andros0789 сказал: Скрыть контент Сайт свой укажите для начала) В профиле Указал что это меняет тут не понятно как то вроде на форуме куча народу а для чего он)))) помощи как то маловато от людей исходит даже по самым вроде базовым вопросам (для этих дюжей) я к примеру только начал осваивать процесс... Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
andros0789 Опубликовано 1 февраля, 2021 Поделиться Опубликовано 1 февраля, 2021 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;"> Это вставьте) saiko 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 1 февраля, 2021 Автор Поделиться Опубликовано 1 февраля, 2021 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 не работает почему то 😭 Это видимо какая то магия и я один такой не везучий) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 1 февраля, 2021 Автор Поделиться Опубликовано 1 февраля, 2021 Я вот понять не могу столько плагинов есть вообще нереально много полезных, нужных ( а такой мелочи нету ) эх видать не судьба мне поставить) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
andros0789 Опубликовано 1 февраля, 2021 Поделиться Опубликовано 1 февраля, 2021 Да потому что такую мелочь делают ручками, а не плагины пишут ради РУКОЖ====пых...не в обиду сказано.... Лови учебник для особенных. http://htmlbook.ru/ saiko 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 1 февраля, 2021 Автор Поделиться Опубликовано 1 февраля, 2021 8 минут назад, andros0789 сказал: Да потому что такую мелочь делают ручками, а не плагины пишут ради РУКОЖ====пых...не в обиду сказано.... Лови учебник для особенных. http://htmlbook.ru/ ну спасибо удружил! буду изучать мистер всезнайка))) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
accop Опубликовано 1 февраля, 2021 Поделиться Опубликовано 1 февраля, 2021 saiko серьёзно? буквально добавить 3 строчки в css и надо плагин под это делать, странное это дело saiko 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 2 февраля, 2021 Автор Поделиться Опубликовано 2 февраля, 2021 2 часа назад, accop сказал: saiko серьёзно? буквально добавить 3 строчки в css и надо плагин под это делать, странное это дело Ну было бы не плохо так как плагины встают хорошо ... а насчет 3х строчек не везде они встают и не у всех. И дело не в кривых руках. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Exception Опубликовано 2 февраля, 2021 Поделиться Опубликовано 2 февраля, 2021 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 сказал: И дело не в кривых руках. Дело в незнании веб языков saiko 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 2 февраля, 2021 Автор Поделиться Опубликовано 2 февраля, 2021 5 часов назад, ZIKURIK сказал: в custom.css #ipsLayout_sidebar [data-blockid*="app_forums_topicFeed_6x6hp8l9a"] .ipsWidget_inner { max-height: 300px; overflow: auto; } max-height: 300px; - высота блока Дело в незнании веб языков Тут соглашусь! Но данный код я уже ставил раз сто в ксс нечего не происходит. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 2 февраля, 2021 Автор Поделиться Опубликовано 2 февраля, 2021 ZIKURIK ТЫ крут скрипт заработал) не понимаю ты скинул тот же код что кидали ребята до этого (только твой заработал) магия блин какая то... СПАСИБО! Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.