[TUTORIAL] Mudar a chatbox de sítio

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Mudar a chatbox de sítio

Mensagem por Luciano98 em 02/04/12, 11:38 pm

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

- 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


- 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.
- 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.

- 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.



© Fórum dos Fóruns & BlueAngel


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
avatar

Luciano98
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11046

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum