Как реализовать блок в чате? - Дизайн и модификация 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
  • Сообщений: 2 541
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 046
  • 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
  • Сообщений: 2 541
  • Регистрация: 26-Октябрь 11
  • Репутация: 1 046
  • 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

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


Страница 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-2017 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна