Aparencia do chatbox

Qual é minha questão:
Ola, como eu faço para deixar a aparencia do chatbox(com a imagem atrais e as postagens com o fundo preto e meio transparente) de meu fórum igual a deste outro fórum(que também é meu): http://snkrpg.forumeiros.com/
ja tentei copiar o código do outro mas ficou bugado.

Endereço do meu fórum:
http://starwarsrpg.umforum.net

Versão do fórum:
INVISION

Voce Quer um ChatBox igual aquele?

Se For Olhe Este Topico : https://ajuda.forumeiros.com/t56724-

não é chatbox retratil, é a aparencia do chatbox(entra la e ve, e eu descrevi entre parenteses la em
cima)

Olá,

Queira dar uma olhada no vigente tópico:
[Tutorial] Personalizar o chatbox.

Caso não entenda alguma coisa, especifique novamente o que quer no seu chatbox com mais clareza.

Até!

Olá,

Aceda à "Folha de estilo CSS":
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores / FOlha de estilo CSS

Acrescente o código a seguir na folha:

Código:

#chatbox {
background-image: url(http://i.imgur.com/qIbx0uu.png);
background-position: bottom right;
background-repeat: repeat;
bottom: 30px;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 30px;
}
div#chatbox {
color: #fff;
}
.chatbox_row_2 {
background-color: rgb(49, 49, 49);
padding: 4px;
}

Em "url(https://i.imgur.com/qIbx0uu.png)" poderá inserir o endereço da imagem que quer de fundo.

Valide!

Resolve?
Até mais!

ola, ainda ficou bugado( se escrever algo muito grande não repõe em baixo, mas continua de maneira que aparece uma barra em baixo, e isso fica muito feio)
e o fundo das postagens não estão translucidos

Olá,

Vá no seu fórum (http://snkrpg.forumeiros.com/) e faça os seguintes passos:

Aceda à
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS.

Procure por chatbox na Folha de Estilo CSS e copie todos os códigos que contém: "chatbox".

Após isso vá no outro fórum (http://starwarsrpg.umforum.net) e aceda à:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS.

Cole o código copiado no início da Folha de Estilo CSS.

Até!

eu ja fiz isso( e já disso isto antes la em cima) e fica bugado

Olá!

Troque o código por este:

Código:

#chatbox {
background-image: url(http://i.imgur.com/qIbx0uu.png);
background-position: bottom right;
background-repeat: repeat;
bottom: 30px;
left: 181px;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
top: 30px;
}
div#chatbox {
color: #fff;
}
#chatbox_members {
background-color: rgba(41, 41, 41, 0.93);
}
.chatbox_row_1 {
background-color: rgba(0, 0, 0, 0.5);
padding: 4px;
}
.chatbox_row_2 {
background-color: rgba(49, 49, 49, 0.89);
padding: 4px;
}

Acessei o seu fórum e em relação ao texto não quebrar no final do chatbox não confere, o texto se repõe em baixo perfeitamente.

Até mais!

ainda apresentou o erro da quebra, e o nome ficou mio desorganizado.
print:

Estranho, eu acessei o fórum e está tudo correto olhe a minha screen:



Certifique-se que o problema persiste em outros navegadores e mesmo após tomar a medidas básicas de correção (Ctrl+F5 - Limpeza dos cookies, etc).

Até mais!

então vou deixar isto pra la, valeu ae