Personalizar o chat box

Qual é minha questão:
É, eu li o tuturoail de personalizar o Chat Box, mas isso é muito complicado pra mim, sou noob nesse tipo de coisa. Preciso que alguém gere um código para mim, de acordo com o que eu falar, para deixar o Chatbox bonito.

Primeiro (Não sei se tem como) quero que haja um contorno preto de pelo menos 3 pixels de grossura e uma imagem azul pra ficar na área onde está escrito "Chatbox", "Atualizar | Arquivos | Login".

Se alguém puder gerar esse código pra mim...

Links e imagens do meu problema:
Não é necessário.

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

Versão do meu fórum:
PHPBB2

Olá amigo,
leia este tutorial:

https://ajuda.forumeiros.com/t22416-

Abraços

Soul Kaiser escreveu:Qual é minha questão:
É, eu li o tuturoail de personalizar o Chat Box...

Como eu disse, li o tutorial, mas não deu certo, eu não entendi direito e acabei estragando o Chat. Se alguem puder gerar um código igual eu descrevi pra mim, eu ficaria agradecido.

Olá,

Tente o seguinte CSS:

#chatbox {
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
border-bottom: 3px solid #000000;
}

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

Cordialmente.

Assim mesmo, e outro contorno, de dois pixels, em volta do Chat inteiro, não só da área da mensagem. Sabe imagem das categorias do fórum Forumeiros? Que é uma azul com listras azul um pouco mais claro? Então, queria uma parecida para colocar na área onde fica as palavras "Chat Box", "Atualizar | Arquivos | Atualização automática. | Sair".
Edit: Exemplo, essa imagem " https://i.imgur.com/zrDLH.png ", quero que dentro da área onde há listras vermelhas, haja uma imagem azul e bonita, por que acho estar esquisito o Chatbox

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

div.panel.row3{background-image:url(http://4.bp.blogspot.com/-tAu4ppegi84/TqbFW-7NgiI/AAAAAAAAAV4/3EC0SKdbZ2w/s1600/Light_Blue_by_bodysoulspirit.jpg)}div.panel.row3 .panel{background-color:transparent}

Valide.

Até mais.

Acho que assim está bom.
Veja a imagem abaixo:
https://i.imgur.com/MlBIm.png
O espacinho branco que sobrou todo preto agora, é a última coisa necessária para completar, e, alguma outra imagem azul para deixar o Chat bonito, e fim...

Olá,

Tente:

#chatbox_header{
background-image: url(SUA_IMAGEM);
}

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

Cordialmente.