Chat Box exclusivo para Staff!
Que tal ter um ChatBox exclusivo para a Staff se comunicar? Excelente ideia não é? Basta seguir o tutorial abaixo!
1º - Editando Templates
Selecione o template Viewtopic_body, procure por:
- Código:
<div><div>{postrow.displayed.MESSAGE}</div>
- Código:
<div class="content"><div>{postrow.displayed.MESSAGE}</div>
2º - Categorias e fóruns
Crie uma nova categoria com o seguinte nome: DataCenter
Caso deseje que apenas os Admins e Moderadores tenham acesso ao conteúdo dela, utilize as seguintes permissões:
Exemplo:
Dentro dessa categoria, crie um tópico com o título: ChatStaff_Log e adicione o seguinte conteúdo:
- Código:
"<li class=\"clearfix\"><div class=\"list_content\" style=\"word-wrap:break-word;\"><span class=\"ipsType_small\">ChatBox da Staff! - v1.0710.2013 by JScript</span><p class=\"desc ipsType_smaller\">Por <strong>JScript</strong> - em 7/10/2013 - 19:54</p></div></li>"
3º - Gestão dos widgets do fórum
Crie um widget personalizado da seguinte forma:
No campo HTML, adicione o seguinte código:
- Código:
<!--
* Widget ChatBox da Staff
* Only show the widget if is visible in browser window (view port)!!!
* Made and Optimizations by JScript - 2013/09/20
* View more in: http://jscript.forumeiros.com/forum
-->
<div class="module main">
<div class="main-head"><h3>ChatBox da <i>Staff!</i></h3></div>
<input type="text" autocomplete="off" class="input_text" maxlength="200" size="23" name="message" id="chatstaff" style="padding-top: 4px; border-top-width: 1px; margin-top: 10px; margin-left: 10px; margin-bottom: 4px;">
<input type="submit" onclick="chatStaffSave()" name="submit_button" value="Enviar" class="button2" style="margin-top: -4px; min-width: 0px ! important; padding-left: 5px; padding-right: 5px;">
<p style="margin-bottom: 5px; text-align: center;" class="desc lighter blend_links">Use somente pequenas mensagens!</p>
<div id="mod_chat_staff" class="main-content _sbcollapsable" style="margin: 0px; height: 213px; max-height: 213px; overflow: auto;">
<!-- #region chat_staff_row -->
<ul id="ul_chat_staff" class="ipsList_withminiphoto" style="margin: 0px !important;">
<!-- content -->
<br /><div align="center">Carregando as mensagens...</div><br />
</ul>
<!-- #endregion chat_staff_row -->
</div>
</div>
Tenha atenção especial nas seguintes variáveis:
- Código:
var sTopicID = ''; /* Put here your topic number */
var sPostID = ''; /* Put here your post number */
Faça o mesmo com o identificador da mensagem, para ver qual é o número basta clicar em Editar a mensagem, anote o número que aparece no endereço do navegador, estará no formato: http://O_nome_de_seu_forum_/post?p=XXXX&mode=editpost onde os X correspondem ao identificador da mensagem, copie apenas o número, exemplo 1000 e coloque na variável sPostID
Defina as permissões do widget de acordo com o que desejar!
4º - Resultado
Estão disponíveis os seguintes comandos:
1- /cls -> Serve para reiniciar as mensagens, apagando-as;
2- /stop -> Pausa a atualização automática das mensagens (refresh);
3- /start -> Reinicia o refresh das mensagens.
PunBB Forumeiros
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
ChatBox para Staff em widget!
Última edição por JScript em Qui 17 Out 2013, 7:58 pm, editado 7 vez(es) (Motivo da edição : Código em análise!)