MapDowns: Xat Na Lateral Do Forum

Primeiramente, este tutorial irá ensinar a quem estiver com duvidas a como colocar xat na lateral de seus fóruns, nosso amigo Lud pediu um tutorial, e ele não sabia como colocar, por tanto estou aqui a ensinar a vocês a como colocar, primeiramente, vamos aceder seu Painel de Controle em:
Painel de Controle ->> Módulos ->> HTML e JavaScript ->> Gestão dos códigos HTML

Clique em "Criar um novo HTML".
Título: Escolha um título qualquer.
Código: Você ira colocar o código de seu xat, aquele de quando você cria, vem com o código para você instalar em seu site, e fazendo isto, salve!
Obs: Antes de ir pro proximo passo, veja o URL que você criou da página HTML e copie.
Logo em seguida vá em:
Painel de Controle ->> Módulos ->> HTML e JavaScript ->> Gestão dos códigos JavaScript

Clique em "Criar um novo Código JavaScript"

Título: Escolha um título qualquer.

Investimento: Coloque onde você quiser (Preferência "No Indice")

Código:

Você ira adicionar este código:

jQuery(document).ready(function(){s="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();";jQuery('body').prepend('<div style="overflow: visible; position: fixed; bottom: 30px; height: 450px; left: 0px; z-index:1000;"><iframe src="URL_DA_PAGINA_HTML" id="chatboxpop" scrolling="yes" style="height: 360px; float: left; overflow-x: visible; overflow-y: visible; display: none; width:600px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="'+s+'" style="margin-top: 10px; cursor :pointer; float:right"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>')});

Em Azul e negrito, você ira adicionar o URL da página HTML que você tinha criado anteriormente, a do código HTML do xat.

e Salve!

Sem comentários »