Mudar cor de fundo do chat-box

Qual é minha questão:
Gostaria que meu fórum ficasse assim:
https://i.servimg.com/u/f56/18/75/58/97/45645610.jpg

se precisar da imagem:
https://i.servimg.com/u/f56/18/75/58/97/obito210.png

uso a fonte: Ninja Naruto

Endereço do meu fórum:
http://narutoonline-rpg.forumeiros.com

Versão do fórum:
PHPBB2

Tente adicionar isso à sua Folha de estilos CSS:

Código:

#chatbox {
  background: #fff no-repeat right top url(http://i56.servimg.com/u/f56/18/75/58/97/obito210.png);
}

completamente errado kk
eu alem de querer a imagem bem fraca quase que transparente, também quero a fonte com o nome '-'.
e lembrando que ficou cortado a imagem .-.
você colocou a imagem pra ela aparecer quando estamos desconectados do chat, quando online ela n aparece '-'

Completamente não, pois parte está correto, bobo. :B

Quanto a imagem, sugiro que tente fazer um pedido nessa área: https://ajuda.forumeiros.com/f17-criacoes-graficas, penso ser o local certo para adicionar a transparência, tipografia e reduzir o tamanho.

Agora quanto a parte do conectado, adicione também esse código à sua Folha de estilos CSS:

Código:

#chatbox > p {
  background: none;
}

acho q tu n entendeu meu pedido man é tão simples e tu ta dificultando tudo, eu não preciso pedir nada em área nenhuma, a imagem ta na cara, prontinha pra uso, era só perder 1 pouquinho de tempo e recorta-la '-'

eu gostaria que essa imagem: https://i.servimg.com/u/f56/18/75/58/97/000010.png


ficasse no fundo branco, de digitação, o fundo onde aparece as mensagens e n no fundo branco de quando estamos desconectados como nesta imagem:
https://i.servimg.com/u/f56/18/75/58/97/45645610.jpg

Ligeiramente rude sua atitude com alguém que está querendo lhe ajudar, não? Mas enfim, vamos lá: A primeira imagem que me mandou foi essa (que está no tópico):

se precisar da imagem:
https://i.servimg.com/u/f56/18/75/58/97/obito210.png

Como você acabou de me fornecer a imagem correta, não há necessidade mesmo de pedir na área de gráficos, apenas mude o primeiro código que lhe passei por esse:

Código:

#chatbox {
  background: #fff url(http://i56.servimg.com/u/f56/18/75/58/97/000010.png) no-repeat 410px top;
}

Atente-se aos links e recursos que você nos fornece para lhe ajudarmos.

infelismente nem com minha atitude rude você entendeu meu pedido '-'
meu querido rapaz, se tu entrar no meu fórum, e entrar no chat e apertar Login, a imagem some, ela só aparece quando estou desconectado do chat-box '-'

Olá,

1. Novamente @Coenzi lhe chamo a atenção na hora de fazer a sua questão, o senhor está aplicando o endereço do fórum errado e com isso pode confundir os membros que queiram lhe ajudar.

2. Não consegui encontrar a fonte que citou no seu post, peço que poste o link onde se encontra esta fonte.

3. Fiz alguns testes, porém você terá que mexer no tamanho das imagens, para que fique cabível e adaptado corretamente ao seu fórum, adicione em sua folha de CSS o código abaixo e veja se lhe agrada:

Código:


#chatbox_option_autorefresh > label {
    font-weight: bold;
}
.cattitle > strong {
    color: #000000;
    font-size: 15px;
}
#chatbox {
    background: url("http://i56.servimg.com/u/f56/18/75/58/97/obito210.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  opacity: 0.8;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    font-size: 12px;
}
.catBottom {
    background: url("http://i56.servimg.com/u/f56/18/75/58/97/i_back16.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
#chatbox_main_options > a {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: bold;
}
#chatbox_option_with_archives > a {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: bold;
}
.gen > label {
    font-size: 15px;
    font-weight: bold;
}

input#message.post {
    background-color: #FFFFFF;
    border-color: #C0C0C0 #E9E9E9 #E9E9E9 #C0C0C0;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-family: inherit;
    font-size: 13px;
    margin-bottom: 2px;
    outline: 0 none;
    padding: 3px;
}
#submit_button:hover, .fontbutton:hover {
    background-color: #FFFFC8;
    border-color: #FFFFFF #FFFFC8 #BEBEAA;
    color: #000000;
}
#submit_button, .fontbutton {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: url("http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png") repeat-x scroll center top #DCDCEB;
    border-color: #FFFFFF #DDDDEB #B3B3BD;
    border-image: none;
    border-left: 1px solid #DDDDEB;
    border-radius: 7px;
    border-right: 1px solid #DDDDEB;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 4px 0 #C8C8D2;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    height: 23px;
    line-height: 23px;
    outline: medium none;
    padding: 0 6px;
    text-align: center;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 -1px 2px #FFFFFF;
}


Alex

tu deixou a cor marrom, tem como deixar branca?...