Jump to content

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

saiko

By saiko
in Invision Community Support

 Share

Recommended Posts

saiko Mentor

saiko

Posted
Posted

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

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

Link to comment
Share on other sites
andros0789 Experienced

andros0789

Posted
Posted

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

<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
Share on other sites
saiko Mentor

saiko

Posted
  • Author
Posted
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
Share on other sites
saiko Mentor

saiko

Posted
  • Author
Posted

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

  

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

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

Link to comment
Share on other sites
saiko Mentor

saiko

Posted
  • Author
Posted
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

Link to comment
Share on other sites
andros0789 Experienced

andros0789

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

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

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

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

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

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

 

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

Link to comment
Share on other sites
saiko Mentor

saiko

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

 

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

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

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

Link to comment
Share on other sites
andros0789 Experienced

andros0789

Posted
Posted
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
Share on other sites
saiko Mentor

saiko

Posted
  • Author
Posted
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
Share on other sites
saiko Mentor

saiko

Posted
  • Author
Posted

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

Link to comment
Share on other sites
andros0789 Experienced

andros0789

Posted
Posted

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

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

Link to comment
Share on other sites
saiko Mentor

saiko

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

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

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

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

Link to comment
Share on other sites
saiko Mentor

saiko

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

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

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

Link to comment
Share on other sites
Exception Mentor

Exception

Posted
Posted
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
Share on other sites
saiko Mentor

saiko

Posted
  • Author
Posted
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
Share on other sites
saiko Mentor

saiko

Posted
  • Author
Posted

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

Link to comment
Share on other sites

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...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...