Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
.V.I.P.

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

Рекомендованные сообщения

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

 

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

 

5URv9gK.png

 

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

8cWyb7C.png

 

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

Найти 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);
}

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

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

Найти 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;
}

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

position: sticky;

top: 0;

Поделиться сообщением


Ссылка на сообщение
05/23/18 14:58 (изменено)

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

Изменено пользователем DarthOld

Поделиться сообщением


Ссылка на сообщение

Как сделать что бы Чат в 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'

Поделиться сообщением


Ссылка на сообщение
05/24/18 09:09 (изменено)

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

Изменено пользователем DarthOld

Поделиться сообщением


Ссылка на сообщение

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...