Добрый день товарищи! Кого-нибудь интересует вот такое: ???
Опишу подробно.
Где написано чат, там анимированая (гиф) картинка вместо простого текста, делал сам, возможно кому-то не понравится, но да ладно.
"Уведомления" Добавил текст, также описание при наводке курсором на текст.
"Настройки" Точно также, при наводке описание этой функции.
Тестировал на дизайне "United We Stand"
Теперь скидываю код ниже
АЦ>Стили и шаблоны>Ваш стиль>bimchatbox>chat>main *Для добавление кнопки "Уведомления и Настройки"*
Далее вставляем полностью этот код с заменой: АНИМИРОВАНАЯ КАРТИНКА УЖЕ ВСТАВЛЕНА В ЭТОМ КОДЕ и остальные кнопки тоже, далее читаем ниже..
{{$ann = \IPS\Application::load('bimchatbox')->announcement();}}
<div data-controller="bimChatBoxMain">
<div class="ipsTabs ipsClearfix" id="elChatbox" data-ipstabbar data-ipstabbar-contentarea="#elChatboxContent">
{{if $orientation!='vertical'}}
<ul class="ipsPos_right ipsList_inline ipsList_noSpacing">
<li>
<a href="#" class="ipsButton ipsButton_verySmall ipsButton_overlaid" 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="ipsButton ipsButton_verySmall ipsButton_overlaid" 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>
{{elseif $orientation=='vertical'}}
<ul class="ipsPos_right ipsList_inline ipsList_noSpacing manaButtonSmall">
<li>
<a href="#" 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="#" 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>
{{endif}}
{{if $ann && settings.chatbox_conf_anntab == 1}}
<a href="#" data-action="expandTabs" id="cbexpandTabs"><i class="fa fa-caret-down"></i></a>
<ul role="tablist" class="ipsList_reset" id="elChatboxBar">
<li>
<a href="#" role="tab" id="chatbox" class="ipsFaded_withHover ipsTabs_item ipsTabs_activeItem {{if $orientation=='vertical'}}cbTabSmall{{endif}}" aria-selected="true">{lang="chatbox_title"}</a>
</li>
<li>
<a href="#" role="tab" id="cbannouncement" class="ipsFaded_withHover ipsTabs_item {{if $orientation=='vertical'}}cbTabSmall{{endif}}">{lang="chatbox_ann_title"}</a>
</li>
</ul>
{{else}}
<div class='cbTitle'><img src="http://s19.rimg.info/9a2353d52b71d2160a66a42801bb4e86.gif" ></div>
{{endif}}
</div>
<div id="elChatboxContent">
<div id="ipsTabs_elChatbox_chatbox_panel" class="ipsTabs_panel" data-tab="chatbox" aria-hidden="false" style="display: block;">
{{if $ann && settings.chatbox_conf_anntab != 1}}
<div class="ipsAreaBackground ipsPad_half ipsClearfix">
{$ann|raw}
</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'>{lang="cb_loadmore"}</div>
{{endif}}
<ul id='chatcontent' class="ipsDataList ipsDataList_reducedSpacing ipsLoading" {{if settings.chatbox_conf_height}}style='height: {setting="chatbox_conf_height"}px !important;'{{endif}}>
</ul>
{{if settings.chatbox_conf_ordertop == 1}}
<div id='loadMore' data-action='loadMore' class='ipsAreaBackground_light ipsPad_half ipsType_center ipsCursor_pointer'>{lang="cb_loadmore"}</div>
{{endif}}
</div>
{{if settings.chatbox_conf_ordertop != 1}}
{template="chatform" app="bimchatbox" group="chat" params="$chat, $orientation"}
{{endif}}
</div>
{{if $ann && settings.chatbox_conf_anntab == 1}}
<div id="ipsTabs_elChatbox_cbannouncement_panel" class="ipsTabs_panel" data-tab="cbannouncement" aria-hidden="false" style="display: none;">
<div class='ipsPad' id='announcementWrap' {{if settings.chatbox_conf_height}}style='height: {setting="chatbox_conf_height"}px !important;'{{endif}}>
{$ann|raw}
</div>
</div>
{{endif}}
</div>
</div>
Для добавление кнопки "Отправить"
АЦ>Стили и шаблоны>Ваш стиль>bimchatbox>chat>chatform *Для добавление кнопки "Отправить"*
И вставляем этот код также с заменой:
<div class='ipsAreaBackground_light ipsPad_half' id='chatBoxForm'>
<div class="bimcb_chatArea ipsBox ipsClearfix">
{{if \IPS\Application::load('bimchatbox')->can_Chat()}}
{{if !in_array(member.member_id, explode(",", settings.chatbox_conf_blocklist))}}
<form data-action='chatform' id="cbInput_container">
<input class='bimcb_chatInput' id="txt" name="txt" placeholder='{lang="chatbox_placeholder"}' autocomplete="off">
<div class='cbItems'>
<a href='#' data-ipsmenu data-ipsmenu-above='true' data-ipsmenu-appendto='#ipsLayout_contentArea' data-ipsmenu-closeonclick='false' id='elEmoticons_chatbox' data-ipstooltip title='{lang="chatbox_emoticons"}'>
<img src='{resource="emo.png" app="bimchatbox" location="front"}' width='24px' height='24px'>
</a>
<button type="submit" class="ipsButton ipsButton_primary ipsButton_verySmall" data-action="chat" id="chat_button"><span class="ipsType_big"><i class="fa fa-level-down fa-rotate-90"></i> Отправить</span></button>
</div>
</form>
{{else}}
<div class='ipsPad_half ipsType_warning' style='margin-top: 5px;'><i class="fa fa-exclamation-triangle"></i> {lang="chatbox_error_inblock"}</div>
{{endif}}
{{else}}
<div class='ipsPad_half' style='margin-top: 5px;'><i class="fa fa-exclamation-triangle"></i> {lang="chatbox_error_noper"}</div>
{{endif}}
</div>
</div>
Ну, пока что всё. Если будет еще что-то интересное, напишу тут.
Не судите строго, это скажем так "моё начало"
Добра всем! (бобра)