Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
.V.I.P.

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

Recommended Posts

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

 

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

 

5URv9gK.png

 

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

8cWyb7C.png

 

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

position: sticky;

top: 0;

Share this post


Link to post
Share on other sites

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

Edited by DarthOld

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Edited by DarthOld

Share this post


Link to post
Share on other sites

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...