[TUTORIAL] Mudar a chatbox de sítio

Já que temos possibilidades quase infinitas de personalização veremos como podemos personalizar ainda mais nossa chatbox com um recurso maravilhoso! O recurso simplesmente mudará sua chatbox de lugar. Assim criando uma pequena caixa em seu fórum para que assim a pessoa possa clicar na mesma e abrir e fechar o chat.

 

--> Tutoriais e Astúcias<--
Mudar a chatbox de sítio

PunBB e PhpBB2

1° - Acessar a template
Terá de acessar a gestão dos templates para efetuar as mudanças. Aceda à:
Painel de Controle -> Visualização --> Templates -> Geral -> viewtopic_body


2° - Modificando o código
Para podermos fazer a mudança temos, em primeiro lugar, que perceber o que se deve modificar. Para encontrar o código a ser modificado, clique nas teclas CTRL+F.
Localize a seguinte tag :

</body>

Já encontrado, podemos começar a implementação do código. Acima da tag </body> acrescente este código :

<div><div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmousever="stopINT()" style="border-top: 7px solid rgb(148, 11, 11); border-left: 7px solid rgb(148, 11, 11); z-index: 10000; -moz-border-radius: 20px 0pt 0pt 0pt; background-color: #ffffff ; position: fixed; bottom: 0pt; right: 0pt; border-color: #ffffff;"><div onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');" style="font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;"><span id="chatbox_ret_online" style="color: black);">Chat</span><span id="chatbox_ret_offline" style="color: black;">Box</span></div><iframe scrolling="no" frameborder="0" onload="if(cb_new) { cb_start(); cb_new=0; }" style="width: 740px; height: 400px; display: none;" marginheight="0" marginwidth="0" name="chatbox_ret" id="chatbox_ret" src="/chatbox/chatbox.forum"></iframe></div>

Vermelho : Acrescente na parte vermelha a cor da caixa da chatbox.
Laranja : Acrescente na parte em laranja a cor da borda.

PunBB3 e Invision

Para que possamos prosseguir com o tutorial é preciso que tenha noção da Gestão de anúncios rotativos.

1° - Aceder ao painel de controle
Iremos aceder há :
Painel de controle --> Geral --> Anúncios --> Ativar os anúncios.
Marque a opção sim.


Logo após desative a opção : Scroll.

2° - Aplicando o código
Agora, teremos de criar um novo anúncio clicando no ícone :
Em seu conteúdo iremos colocar tal código :

<div id="chatbox_ret_cont" onmouseout="stopINT()" onclick="stopINT()" onmousever="stopINT()" style="border-top: 7px solid rgb(148, 11, 11); border-left: 7px solid rgb(148, 11, 11); z-index: 10000; -moz-border-radius: 20px 0pt 0pt 0pt; background-color: #ffffff; position: fixed; bottom: 0pt; right: 0pt; border-color: #ffffff;"><div onclick="(document.getElementById('chatbox_ret').style.display=='block')?my_setcookie('chatbox_ret','0',0,0):my_setcookie('chatbox_ret','1',1,0); $('#chatbox_ret').toggle('normal');" style="font-size: 12px; font-family: 'trebuchet ms',serif; cursor: pointer; padding: 3px;"><span id="chatbox_ret_online" style="color: black);">Chat</span><span id="chatbox_ret_offline" style="color: black;">Box</span></div><iframe scrolling="no" frameborder="0" onload="if(cb_new) { cb_start(); cb_new=0; }" style="width: 740px; height: 400px; display: none;" marginheight="0" marginwidth="0" name="chatbox_ret" id="chatbox_ret" src="/chatbox/chatbox.forum"></iframe></div>

Vermelho : Acrescente na parte vermelha a cor da caixa da chatbox.
Laranja : Acrescente na parte em laranja a cor da borda.
Agora clique no botão salvar.

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Mudar a chatbox de sítio