Как реализовать блок в чате? - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

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

#1 Пользователь не на сайте   .V.I.P. ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 5
  • Регистрация: 04-Август 17
  • Репутация: 0
  • IPB version:4.1.x
 

Отправлено 04 Октябрь 2017 - 19:27

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

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

-IMG-

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

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

#2 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 391
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 356
  • IPB version:I have no IPB
 

Отправлено 05 Октябрь 2017 - 10:05

Вы же добавили блок, судя по первому скрину. Или это фотошоп?
Найти шаблон с выводом сообщений чата.
Найти 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);
}

1

#3 Пользователь не на сайте   .V.I.P. ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 5
  • Регистрация: 04-Август 17
  • Репутация: 0
  • IPB version:4.1.x
 

Отправлено 17 Октябрь 2017 - 20:28

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

#4 Пользователь не на сайте   .V.I.P. ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 5
  • Регистрация: 04-Август 17
  • Репутация: 0
  • IPB version:4.1.x
 

Отправлено 17 Октябрь 2017 - 20:58

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

#5 Пользователь не на сайте   .V.I.P. ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 5
  • Регистрация: 04-Август 17
  • Репутация: 0
  • IPB version:4.1.x
 

Отправлено 17 Октябрь 2017 - 21:49

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

#6 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 391
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 356
  • IPB version:I have no IPB
 

Отправлено 18 Октябрь 2017 - 08:07

Просмотреть сообщение.V.I.P. сказал(а):

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

Несколько раз прочитал первый пост и подумал, что блок должен оставаться на месте и скрываться при прокрутке.
Найти 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;
}

1

#7 Пользователь не на сайте   .V.I.P. ответил: »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 5
  • Регистрация: 04-Август 17
  • Репутация: 0
  • IPB version:4.1.x
 

Отправлено 18 Октябрь 2017 - 22:56

Уже сделал в css добавил ещё
position: sticky;
top: 0;
0

#8 Пользователь не на сайте   DarthOld ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 162
  • Регистрация: 26-Февраль 15
  • Репутация: 3
  • IPB version:3.4.x
 

Отправлено 23 Май 2018 - 17:57

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

Сообщение изменено: DarthOld (23 Май 2018 - 17:58)

0

#9 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 391
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 356
  • IPB version:I have no IPB
 

Отправлено 24 Май 2018 - 10:02

Просмотреть сообщениеDarthOld сказал(а):

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

Найти шаблон и добавить кнопку.
Можно даже попробовать использовать форумный скрипт.
После
<div data-controller="bim.chatbox.new">

добавить
<ul class='ipsList_reset' data-controller="forums.front.forum.forumList">
  <li data-categoryid='0'>


Перед последним </div>
добавить
  </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'

0

#10 Пользователь не на сайте   DarthOld ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 162
  • Регистрация: 26-Февраль 15
  • Репутация: 3
  • IPB version:3.4.x
 

Отправлено 24 Май 2018 - 12:08

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

Сообщение изменено: DarthOld (24 Май 2018 - 12:23)

0

#11 Пользователь не на сайте   newbie ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 3 391
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 356
  • IPB version:I have no IPB
 

Отправлено 24 Май 2018 - 12:18

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

#12 Пользователь не на сайте   DarthOld ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 162
  • Регистрация: 26-Февраль 15
  • Репутация: 3
  • IPB version:3.4.x
 

Отправлено 24 Май 2018 - 12:27

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

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2018 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна