Боковой блок для чата
Если прокрутить то блок будет стоять так же на месте
Буду краток: откройте свой стиль - Шаблоны и в поиск вставьте chatcontent у вас откроется bimchatbox - front - chat - main
Всё содержимое замените на
{{$ann = \IPS\Application::load('bimchatbox')->announcement();}} <div data-controller="bim.chatbox"> <h2 class="ipsType_sectionTitle ipsType_reset" id="elChatbox" > <ul class="ipsPos_right ipsList_inline ipsList_noSpacing"> <li> <a href="#" class="cbBtn" data-action="toggleSound" data-ipstooltip="" title='{lang="chatbox_togglesound"}'><i class="fa fa-volume-up"></i></a> </li> {{if \IPS\Application::load('bimchatbox')->can_Manage()}} <li> <a href="#" class="cbBtn" data-ipsDialog data-ipsDialog-url='{url="app=bimchatbox&module=chatbox&controller=chatbox&do=cbmanage"}' data-ipsDialog-size='narrow' data-ipstooltip="" title='{lang="chatbox_management"}'><i class="fa fa-wrench"></i></a> </li> {{endif}} </ul> <div>{lang="chatbox_title"}</div> </h2> <div id="elChatboxContent"> {{if $ann}} <div class="cbAnn ipsClearfix"> {{if settings.chatbox_conf_anntab == 1}} <a href="#" data-ipsDialog data-ipsDialog-url='{url="app=bimchatbox&module=chatbox&controller=chatbox&do=cbrules"}' data-ipsDialog-size='narrow'> <i class="fa fa-bullhorn" aria-hidden="true"></i> {lang="chatbox_rules_link"} </a> {{else}} {$ann|raw} {{endif}} </div> {{endif}} {{if settings.chatbox_conf_ordertop == 1}} {template="chatform" app="bimchatbox" group="chat" params="$chat, $orientation"} {{endif}} <div id='chatboxWrap' {{if settings.chatbox_conf_height}}style='height: {setting="chatbox_conf_height"}px !important;'{{endif}}> {{if settings.chatbox_conf_ordertop != 1}} <div id='loadMore' data-action='loadMore' class='ipsAreaBackground_light ipsPad_half ipsType_center ipsCursor_pointer ipsClear'>{lang="cb_loadmore"}</div> {{endif}} <div class="ipsPos_left cChatboxLeftMenu"> Тут вставляем свой текст или HTML </div> <ul id='chatcontent' class="ipsDataList ipsDataList_reducedSpacing ipsLoading ipsPos_left"> </ul> {{if settings.chatbox_conf_ordertop == 1}} <div id='loadMore' data-action='loadMore' class='ipsAreaBackground_light ipsPad_half ipsType_center ipsCursor_pointer ipsClear'>{lang="cb_loadmore"}</div> {{endif}} </div> {{if settings.chatbox_conf_ordertop != 1}} {template="chatform" app="bimchatbox" group="chat" params="$chat, $orientation"} {{endif}} </div> </div>
Где написано "Тут вставляем свой текст или HTML" заменяете.
Далее в custom.css
.cChatboxLeftMenu {
width: 200px;
position: sticky;
top: 0;
}
#chatcontent {
width: calc(100% - 200px);
}
На этом всё
Демо где стоит этот блок: zone-cs.ru
Рекомендуемые комментарии
Комментариев нет
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.