Chatbox personalizado

Qual é minha questão:
Ola, observem o chat box deste forum: http://www.swordartonlinerpg.com/
gostaria que o chat box do meu forum fosse da mesma maneira só que com outra imagem(a minha escolha)
vale lembrar que uso o código para chat box retratio no meu forum.

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

Versão do fórum:
PHPBB2

Saudações!

Não tenho possibilidade de ver o chatbox, porque até mesmo é só para membros registrado, queira checar https://ajuda.forumeiros.com/t22416-

Até.

se não tiver maneira de voce entrar no forum só pra ver isso(-.-'), vou descrever:

tem uma imagem no fundo, só que por sima desta imagem existe uma especie de pelicula preta transparente( que serve para destacar as letras da imagem de fundo)

Saudações!

Adicione o código abaixo em sua CSS:

Código:

#frame_chatbox{border:none!important}body.chatbox{background-color:#781862;background-image:none;margin:0;min-width:550px!important;padding:0}#chatbox_members{border-right:1px solid;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{font-size:12px}.chatbox-options{text-align:right}#chatbox_messenger_form,#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field{float:right;white-space:nowrap}#chatbox_footer{bottom:0;height:30px;left:0;position:absolute;right:0}#chatbox_footer table.text-styles{float:right}#chatbox_footer .text-field{float:left}#chatbox_header{background-color:#781862;height:30px}#chatbox p{line-height:1.2em}.chatbox_row_1{background-color:#000;padding:4px}.chatbox_row_2{background-color:#000;padding:4px}.chatbox_row_3{background-color:#000;padding:4px}.memberlist_row_1{background-color:#000;padding:2px 2px 2px 10px}#chatbox_members .member-title{background-color:#000;background-image:none;color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}#chatbox_members ul{list-style:none;margin:0 0 0 10px}#chatbox_members ul li{margin:2px 2px 2px 0}#message,#submit_button{border-width:1px}.fontbutton{border:0;cursor:pointer;padding:1px;text-align:left}.fontbutton_normal{background:#E1E1E2}.fontbutton_selected{background:#BBC7CE;border:1px solid #22229C}.fontbutton_clicked{background:#959595;border:1px solid #22229C}.fontbutton_hover{background:#E1E1E2;border:1px solid #22229C}#chatbox .user{font-weight:700}div#chatbox{color:#fff}#chatbox_contextmenu{background-color:#000;border:1px solid #aaa}#chatbox_contextmenu p{background:#;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:70%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#;font-size:70%;text-decoration:none}#chatbox_contextmenu a:hover{color:#}* html #chatbox-members{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}* html #chatbox{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)}* html #chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth)
#chatbox{
background-image: url(http://img707.imageshack.us/img707/8441/2322803550f94f4a04a3d92.jpg);
background-repeat: repeat;
background-position: bottom right;
}body.chatbox
{background-image:url("http://i49.servimg.com/u/f49/16/99/01/35/cavale10.png");}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3
{background-color: #00151d; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

Até.

ola, parece que existe algum erro no ccs que me deu( esta faltanto algun(s) { ou } )

Saudações!

Troque por este:

Código:

#frame_chatbox{border:none!important}body.chatbox{background-color:#781862;background-image:none;margin:0;min-width:550px!important;padding:0}#chatbox_members{border-right:1px solid;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{font-size:12px}.chatbox-options{text-align:right}#chatbox_messenger_form,#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field{float:right;white-space:nowrap}#chatbox_footer{bottom:0;height:30px;left:0;position:absolute;right:0}#chatbox_footer table.text-styles{float:right}#chatbox_footer .text-field{float:left}#chatbox_header{background-color:#781862;height:30px}#chatbox p{line-height:1.2em}.chatbox_row_1{background-color:#000;padding:4px}.chatbox_row_2{background-color:#000;padding:4px}.chatbox_row_3{background-color:#000;padding:4px}.memberlist_row_1{background-color:#000;padding:2px 2px 2px 10px}#chatbox_members .member-title{background-color:#000;background-image:none;color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:.5em .25em;text-align:center}#chatbox_members ul{list-style:none;margin:0 0 0 10px}#chatbox_members ul li{margin:2px 2px 2px 0}#message,#submit_button{border-width:1px}.fontbutton{border:0;cursor:pointer;padding:1px;text-align:left}.fontbutton_normal{background:#E1E1E2}.fontbutton_selected{background:#BBC7CE;border:1px solid #22229C}.fontbutton_clicked{background:#959595;border:1px solid #22229C}.fontbutton_hover{background:#E1E1E2;border:1px solid #22229C}#chatbox .user{font-weight:700}div#chatbox{color:#fff}#chatbox_contextmenu{background-color:#000;border:1px solid #aaa}#chatbox_contextmenu p{background:#;border-bottom:1px solid #777;font-family:verdana, arial, sans-serif;margin:0;padding:1px 4px}#chatbox_contextmenu p.hover{background:#}#chatbox_contextmenu p.close{background:url();color:#fff;font-size:70%;padding:1px}#chatbox_contextmenu p.close img{padding-left:20px;vertical-align:middle}#chatbox_contextmenu a{color:#;font-size:70%;text-decoration:none}#chatbox_contextmenu a:hover{color:#}* html #chatbox-members{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px)}* html #chatbox{height:expression((document.documentElement.clientHeight?document.documentElement.clientHeight:document.body.clientHeight) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 0) ) + px);width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth) - ((parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333px * 2px * 1.3) ) + px)}* html #chatbox-footer{width:expression((document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth)}
#chatbox{
background-image: url(http://img707.imageshack.us/img707/8441/2322803550f94f4a04a3d92.jpg);
background-repeat: repeat;
background-position: bottom right;
}body.chatbox
{background-image:url("http://i49.servimg.com/u/f49/16/99/01/35/cavale10.png");}
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3
{background-color: #00151d; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

Até.

agora deu certo valeu ae