Como conserto meu chat a box ?

Qual é minha questão:
Ae , Olha como ta meu chat a box

https://i.imgur.com/jKCjx.png <--

Ta todo desconfigurado , Sem  a barra verde de cima , sem borda , sem nada , peladim , como conserto isso ?

Endereço do meu fórum:
http://heerocheats.forumeiros.com

Versão do fórum:
INVISION

Olá!
Leia este tópico:
[TUTORIAL] Personalizar o Chatbox

Até mais.

Man este tutorial e muito complicaod , você poderia me ajudar ?

Olá!
Sim, claro! Me diga oque o senhor deseja personalizar, que irei desenvolver o código para você.

Até mais.

Bom primeiramente subir onde esta escrito ChatBox e Coloca a Barra de volta ali , colocar glow preto atraz do chat e onde esta escrito '' Connectado '' ou '' ausente '' seila , arredondar os boteoes e remover o efeito de quando passo a seta pra colocar 1 carinha feliz o negocio crescer.

Olha o print de antes e o depois

Antes :
https://i.imgur.com/jKCjx.png

Depois :

https://i.imgur.com/NOZcc.png

Se puder ajudar ;D

@ Edit : E Centrualizar os Nicks de quem esta online no Xat.

Olá!
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

Código:

.chatbox-title, .chatbox-title a.chat-title {margin-top: -8px;}
.chatbox-title {background: #3D4141;width: 12.7%;border-right: 1px solid;height: 70%;}
.member-title.online {text-shadow: 0 0 5px #12E0D6;}
.fontbutton_hover {border: none;}


e Valide!

Até mais.

Vish man n mudou quase nada .. ficou um troço cinza atras do '' ChatBox'' so isso '-'

Hello!
Substitua o código por este:

.chatbox-title, .chatbox-title a.chat-title {margin-top: -8px;}
.member-title.online {text-shadow: 0 0 5px #12E0D6;}
.fontbutton_hover {border: none;}
#chatbox_members {text-align: center;}

Oque mais o senhor deseja alterar?

Até mais.

e onde ta escrito ausente , o glow n pega la tb n ?

Hello!
Substitua o código por este:

.chatbox-title, .chatbox-title a.chat-title {margin-top: -8px;}
.member-title.online, .member-title.away {text-shadow: 0 0 5px #12E0D6;}
.fontbutton_hover, .fontbutton_selected {border: none;}
#chatbox_members {text-align: center;}

Até mais.

Agora eu vou fazer uma edição pelo photoshop pra vc ver como eu quero o resto.

@ EDIT : Olha uque eu fiz no phootoshop eu quero mais ou menos assim se puder.

https://i.imgur.com/I5Wtm.png

So que onde esta escrito CHATABOX colocar um glow preto atraz dele , e na parte de baixo colocar os botoes ali direitinho rsrs , e deixa a font do chatbox normal .

Hello!
Adicione este código CSS:

.chatbox-title {background: url(https://2img.net/r/ihimizer/img225/1690/style01.gif);width: 99.2%;height: 100%;margin-top: -15px;}
#chatbox_footer {background: url(https://2img.net/r/ihimizer/img225/1690/style01.gif);}
#chatbox_main_options {margin-top: -30px;}
.chatbox-title, .chatbox-title a.chat-title {color: white;font-size: 20px;}

Até mais.

Como fasso pra separar as mensagens de cada membro ? e personalizar o botoes do chatbox ?

Olá!
Não pude compreender, poderia ser mais claro? Separar com qual modo? Colocar um background diferenciado para cada mensagem? E sobre os botões, como o senhor deseja?

Até mais.

Bom eu queria arredondar os boteos , colocalos como os da mensagem rapida do Forum dos Foruns , Quanto Em separar as mensagens colocar o fundo de cada uma diferente , Um cinza claro e um escuro Compriende ?

E tem umas linhas mais claras que estao me encomodando , estao fazendo o redor '' Contorno '' da parte de baixo do xat e e a parte de cima e bem grossa a linha .

https://i.imgur.com/8YcXy.png

Hello!
Adicione este código CSS:

.fontbutton {border-radius:3px;border: 1px solid #DDD;border-image: initial;border-radius: 2px;color: #666;display: inline;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: 400;line-height: 17px;margin: 0px;padding: 3px 7px;text-align: center;text-decoration: initial;}
.chatbox_row_1 {background-color:#DDDDDD;}
.chatbox_row_2 {background-color:#D3D3D3;}

Os valores em negrito altere para a cor de fundo desejada de cada mensagem postada pelo seu chatbox.

Até mais.

Tem como colocar o mesmo efeito para separar cada membro online ?

E os botoes ficaram enormes ..

Hello!

#chatbox_members ul li {background-color:#DDDDDD;}

O valor em negrito altere para a cor de fundo desejada.

Até mais.

e os botoes n tem como colocar ele do tamanha igual desse forum aqui nao ?

e quando voce se desconecta do chat a parte de baixo dele some .. pq ?

??

Olá!
Adicione este código CSS:

#chatbox_footer {height: 7%;}

Sobre os botões, visitei seu fórum e eu havia já lhe passado o CSS para coloca-lo iguais o daqui, e ele está em seu fórum atualmente.

Até mais.

man , e quando eu saio do chatbox pq a barra da parte de baixo do chat some ?

Olá!
Então querido, adicionou o código que lhe forneci acima? Ele é para isto, desculpe por não ter informado, o mesmo resulta?

Até mais.

se era para isso nao funcionou .. kkk

Heero escreveu:man , e quando eu saio do chatbox pq a barra da parte de baixo do chat some ?

A barra de ferramentas do chatbox está disponível apenas para membros que estão conectados no mesmo, dado por padrão. Mais algum detalhe para ser concertado?

Melhores cumprimentos.