Poderia seguir este tutorial : http://ajuda.forumeiros.com/t57261-tutorial-chat-box-retratil-lateral

Aguardando sua resposta.

então foi dai msm que eu fiz tudo que ele mando mais quando eu abro ele mostra isso

O Chatbox não está ativo

:/

Você precisa ativar o Chat Box pelo Painel de Controle

Vai em : Painel de Controle -> Módulos -> Chat Box e deixa ele ativado

Boa tarde.

Aceda ao seu Painel de Controle Módulos Chatbox Configuração

Procure por "Ativar chatbox?" marque sim e salve.

Abraços.

é mais num tem como por esse tipo de chat aki oo


https://2img.net/r/ihimizer/img337/2414/semttulowjk.png

:/

olha como fico

https://2img.net/r/ihimizer/img155/3205/32170033.png

:/

Então,
Não éra esse chat Que você queria?

era mais eu queria do lado direito na onde ta o botão ali

assim o https://2img.net/r/ihimizer/img337/2414/semttulowjk.png

Não sei mudar então, askpaksa.
Porque eu já tinha esse xat no meu fórum ;D

vou aguarda quem sabe, valew aew

Poderia me passar o código do seu xat ?

Get your own Chat Box! Go Large!



esse? ou o que peguei no tutorial pra por aquele botão do lado?

será que tem como passar o codigo em [code] porfavor obrigado !

Código:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEzMzk4NzcyMjQ2OTYmcHQ9MTMzOTg4ODk4MzEyNCZwPTUzMTUxJmQ9Jmc9MSZvPTY*NTMxMDkwNmExZTQ3N2E4NTgw/ZWU5ZWVmYTIxMWNk.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="540" height="405" name="chat" FlashVars="id=176538775" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=176538775">Go Large!</a></small><br>



Fiz algumas alterações tanto nos css do código quanto no js

Em seu gestor de códigos JS Adicione esse código
Título: O nome que desejar
investimento: Marque para todas as páginas
Código:

Código:


$(document).ready(function(){$('.gbtab').click(function(){var position=($('#gb').css('left')=='100%')?'50%':'100%';$('#gb').animate({left:position},1000)})});


No widget troque por este código:

Código:


<style>#gb {
position:fixed;
top:150px;
z-index:+1000;
}
* html #gb {
position:relative;
}
.gbtab {
position:relative;
top:160px;
left:-3%;
height:161px;
width:47px;
float:left;
cursor:pointer;
background:url('http://img710.imageshack.us/img710/161/abrirxat.png') no-repeat;
margin-top:100px;
}
.gbcontent {
float:right;
border:2px solid #8c00c1;
background:#fff;
opacity:0.80;
-moz-opacity: 0.80;
filter: alpha(opacity=80);
-webkit-border-radius: 20px;
border-radius: 20px;
-khtml-border-radius: 20px;
padding:8px;
}</style><div id='gb' style='left:100%;'><div class='gbtab'>
</div><div class='gbcontent'><div style='line-height:0;background-position:center;width:590px;height:310px;'>
<embed align='middle' allowscriptaccess='sameDomain' flashvars='id=174288359' height='310' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='590' wmode='transparent'></embed>
</div>
</div>
</div>


E nesta parte : flashvars='id=174288359'
troque pelo id de seu xat

esse primeiro adiciona onde? '-'

No gestor de códigos JavaScript

Painel de controle => Módulos => Desce a página até o final, e no lado ESQUERDO vai ter o gestor de códigos JavaScript

Só entrar ai e criar um novo código como eu mostrei acima.

olá se vc não saber o id do seu xat aqui está:

176538775

Atenciosamente, CloSeR

deu cara mais num era bem assim que eu queria D:

eu queria que nem essa imagem aki o

https://2img.net/r/ihimizer/img337/2414/semttulowjk.png




eu tenho o codigo pra por que nem a imagem mais quando ponho ela fica com o chat aquele antigo eu quero oque ta na print


olha o codigo aew

Código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><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>




Poderia explicar mais detalhadamente oque o senhor quer ?

olha na print ai mostra como eu quero :/

Já olhei, mais somente com uma imagem não é possível saber oque eu preciso fazer.

http://i4games.forumeiros.com/


oo então olha esse fórum, eu quero o mesmo chat que tem do lado ai