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>

E substitua por:

Código:

<div class="content"><div>{postrow.displayed.MESSAGE}</div>

Isso fará o Regex do código encontrar a mensagem do tópico!


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>


No código acima, você vai encontrar as variáveis que deverão ser editadas de acordo com seu idioma local, estão abaixo do comentário /* User defined variables: */.
Tenha atenção especial nas seguintes variáveis:

Código:


var sTopicID = ''; /* Put here your topic number */
var sPostID = ''; /* Put here your post number */


Vá no tópico que criou e anote o número dele que aparece no endereço da janela do navegador, estará no formato http://O_nome_de_seu_forum_/tXXXX-chatstaff_log onde os X correspondem ao identificador do tópico, copie apenas o número, exemplo: 200 e coloque na variável sTopicID

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!

Show amigo! Obrigado por compartilhar. Não seria melhor adicionar a proteção pra evitar os tutoriais premium? rs

Sim, vou fazer isso, nesse caso não adicione em seu fórum agora ok?

Sobre os problemas que relatou em relação ao $, já substitui por jQuery e agora vai funcionar normalmente, é que eu estava testando fora do fórum...

Edit: Eu encontrei um pequeno erro e é a causa de não ler as mensagens em seu fórum, testa novamente!

JS

JScript, não obtive êxito com a instalação do chat. No tutorial se pede para editar algumas variáveis, mas no código passado não existem variáveis, veja:

<!--
* 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>

@Wagner

É que o código está em análise para evitar ao máximo o Request Limit, em breve posto novamente a versão final ok?

JS

Ah sim, sem problemas. Achei que já estava disponível xD
Vou ficar no aguardo, até porque estava apenas testando ele em um fórum de testes. Talvez eu vá implantar ele no meu fórum..

@Wagner'

Olá, eu não esqueci do tópico ok? É que estou fazendo mais uns ajustes para diminuir o tempo entre as postagens por dois ou mais membros!

Abraços,

JS

Perfeito, o código será open source para estudos, ou será igual ao shouttbox ipb?

Já é open Source amigo, é qua estou alterando uns detalhes e deixando-o compatível com todas as versões de fóruns!

JS

Infelizmente não funcionou, apesar de saber que já existe um melhor e mais prático preferia este por ser mais pequeno e para o que eu quero chega bem.

Será que não funciona mesmo ou eu é que estou a fazer algo mal ?

Aguardo respostas.

Esse não há como funcionar pois o código nem postado está!

Simplesmente eu abandonei por ser obsoleto em relação ao atual, no qual eu ainda farei em forma de widget e com isso este tópico será atualizado ok?

JS

Claro que sim amigo, fico à espera pois gostei muito deste.

Obrigado pot avisar.

Comprimentos.