Bug Chat Box

Qual é minha questão:
Gostaria de tirar esse chatbox que fica no canto inferior

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

e deixar só esta caixinha

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Só que queria que esta caixinha ficasse no lado esquerdo pois ela esta ficando por cima do Navegação rapida..

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Irei tentar resolver mais , aconselho vc deichalo  para abrir em uma pagina pois deichar no indisse acho que fica feio mais vc quem sabe ! vo tenta arrumar aqui ^^

Manda bala ai no que vc achar que fica melhor,,
Desde ja agradeço

o xat ta normal ,aqui , se quer mudar a cor dele ??

Adicione esse JS ao invés de adicionar o que encontra no tutorial:

Código:

$(function() {
$('#frame_chatbox').parent().html('<iframe src="/chatbox" width="100%" height="100%" id="frame_chatbox" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe>');
});
function sChat(){
$('#user_count').html(''+$('#frame_chatbox').contents().find('.online-users, .away-users').find('li').length);
$('#msgs').html(''+$('#frame_chatbox').contents().find('#chatbox p .user').length);
}
$(function(){
$('.chatbox').after("
<div class='chat_bar'>
Chatbox: <img src='https://cdn3.iconfinder.com/data/icons/sweetiev3/png-24/16-member-add.png'>
<span id='user_count'></span>
<img src='https://cdn0.iconfinder.com/data/icons/16x16-free-toolbar-icons/16/49.png'>
<span id='msgs'></span>
</div>
</a>");
$('#user_count').html('0');
$('#msgs').html('0');
setInterval(sChat,800)});

Depois ao css adicione:

Código:

.chat_bar {background: #0076B1;
background-image: url(http://2img.net/i/fa/prosilver/bg_list.gif);
background-position: 0 0;
background-repeat: repeat-x;
box-shadow: inset 0 10px 10px #2787EE;
-moz-box-shadow: inset 0 10px 10px #2787EE;
-webkit-box-shadow: inset 0 10px 10px #2787EE;
text-shadow: 0 1px blue;
font-weight: bold;
color: #fff;
border: 1px solid #64A4F7;
border-radius: 5px;
z-index: 999;
font: Arial 15px bold;
margin: 0;
padding: 5px 13px;
text-align: center;
text-shadow: 0 1px blue;
}
.chat_bar #user_count, .chat_bar #msgs {
  background: #f0f0f0;
  text-shadow: 0 1px white;
  color: #333;
  padding: 0 3px 0 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 1px;
}

Até mais!

gabriloko123456 escreveu:o xat ta normal ,aqui , se quer mudar a cor dele ??

arrumei pro jeito anterior hj de manha

Daemon, nao aconteceu nada

Olá,
Poderia me passar o Topico / Codigos que você adicionou ?

Nao tenho

do nada tinha aparecido isso no meu forum
muito estranho..
Acho que eu devo ter tentado fazer e nao tinha funcionado.. ai devo ter tirado algum JS que estava dando conflito e funcionou..

Olá,
Deve ter sido isto mesmo,
Porque ja atulizei este Tipo de chatbox.