Как реализовать блок в чате?

[.V.I.P. 0]

Кто может подсказать как реализовать блок в чате только не так как с верху, а с левого блока но опять же что бы он не листался вместе с ответами а был зафиксирован.

 

Образец того что я хочу сделать

 

 

когда листаешь то и блок листается

 

Собственно сам форум где хотел бы это реализовать zone-cs.ru

Если платно то назовите цену

[newbie 1,701]

Вы же добавили блок, судя по первому скрину. Или это фотошоп?

Найти шаблон с выводом сообщений чата.

Найти ul с id chatcontent

Выше добавить блок.

<div class="ipsPos_left cChatboxLeftMenu">
   <img class="ipsCoverPhoto_photo euip_CoverPhotoHeight" alt="" src="https://zone-cs.ru/uploads/set_resources_30/Screenshot_19.png">
</div>

Найти ul с id chatcontent. Добавить класс ipsPos_left

Найти div с id loadMore. Добавить класс ipsClear

+

css

.cChatboxLeftMenu {
   width: 200px;
}
#chatcontent {
   width: calc(100% - 200px);
}

[.V.I.P. 0]

В сами шаблоны не добавлял, просто через ПКМ > Исследовать элемент и там добавил html

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

[.V.I.P. 0]

Всё реализовал с помощью скрипта ну и через <div id="fixed"> + css

[.V.I.P. 0]

Хотя не сработало

[newbie 1,701]

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

Несколько раз прочитал первый пост и подумал, что блок должен оставаться на месте и скрываться при прокрутке.

Найти div с ID chatboxWrap

Выше добавить

<div class="ipsPos_left cChatboxLeftMenu">
   <img class="ipsCoverPhoto_photo euip_CoverPhotoHeight" alt="" src="https://zone-cs.ru/uploads/set_resources_30/Screenshot_19.png">
</div>

+

css

.cChatboxLeftMenu {
   width: 200px;
}

[.V.I.P. 0]

Уже сделал в css добавил ещё

position: sticky;

top: 0;

[DarthOld 3]

Как сделать что бы Чат в 4.3 можно было юзерам, при желании, сворачивать, также как можно разделы форума (-) ?

Edited May 23, 2018 by DarthOld

[newbie 1,701]

Как сделать что бы Чат в 4.3 можно было юзерам, при желании, сворачивать, также как можно разделы форума (-) ?

Найти шаблон и добавить кнопку.

Можно даже попробовать использовать форумный скрипт.

После

<div data-controller="bim.chatbox.new">

добавить

<ul class='ipsList_reset' data-controller="forums.front.forum.forumList">
 <li data-categoryid='0'>

 

Перед последним

добавить

  </li>
</ul>

 

После

			{{if \IPS\Application::load('bimchatbox')->can_Manage()}}
			<li>
				<a href="#" class="cbBtn" data-ipsDialog data-ipsDialog-forceReload data-ipsDialog-url='{url="app=bimchatbox&module=chatbox&controller=chatbox&do=config"}' data-ipsDialog-size='narrow' data-ipstooltip="" title='{lang="chatbox_management"}'>
					<i class="fa fa-wrench"></i>
				</a>			
			</li>
		{{endif}}

добавить

				<li>
				<a href='#' class='ipsPos_right ipsJS_show ipsType_noUnderline cForumToggle' data-action='toggleCategory' data-ipsTooltip title='Свернуть/развернуть чат'></a>
			</li> 

 

Найти

id='elChatboxContent'

заменить на

id='elChatboxContent' data-role='forums'

[DarthOld 3]

Он становится прозрачным, но не сворачивается. Но думаю направление правильное...

Edited May 24, 2018 by DarthOld

[newbie 1,701]

Не все правки написал. Поправил пост

[DarthOld 3]

Класс!! Камрад просто дока! ) +++1