Chatbox Background

How to Change My chatbox background color to black

and the text at the display area will be white

here my Css code for Chatbox

Code:

/* Chatbox-------------------------------------------------------------*/
body.chatbox {
background-image: none;
   padding: 0;
   margin: 0;
   background-color: #000000;
   
   }
#chatbox_header {
   height: 30px;
   }
#chatbox_header.main-head {
   padding: 0 1.3em;
   background-image: url("http://i29.servimg.com/u/f29/15/69/50/07/chatbo10.png");
   }


.chatbox-title,.chatbox-title a.chat-title {
   color: transparent;
   
   }
.chatbox-title {
   float: left;
   margin: 0;
   padding: 2px 5px 0 5px;
   width: 15em;
   }


.chatbox-options {
   float: right;
   list-style: none;
   font-size: 11px;
   margin: 0.7em 0.5em 0.5em 0.5em;
   }
.chatbox-options li {
   display:inline;
   }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
   color: #dedfdf;
   }
#chatbox_members {
   position: absolute;
   top: 30px;
   bottom: 30px;
   width: 180px;
   overflow: auto;
   border-right: 1px dashed #ccc;
   }
#chatbox_messenger_form {
   margin: 10px 0 0 0;
   }
#chatbox_members .member-title {
   text-align: center;
   padding: 0.5em 0.25em;
   background-image: none;
   font-size: 12px;
   background-color: #f4f9fd;
   color : #00569c;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   }
#chatbox_members ul {
   list-style: none;
   margin: 0 0 0 1em;
   }
#chatbox_members ul li {
   margin: 0.5em 0.5em 0.5em 0;
   }
#chatbox {
   position: absolute;
   top: 30px;
   left: 181px;
   right: 0;
   bottom: 30px;
   overflow: auto;
   line-height: 10px;
   }
#chatbox p {
   line-height: 1.2em;
   }
.chatbox_row_1 {
   padding: 4px;
   background-color: #fbfbfb;
   }
.chatbox_row_2 {
   padding: 4px;
   background-color: #f4f4f4;
   }
.chatbox_row_3 {
   padding: 4px;
   background-color: #f4f9fd;
   }
#chatbox .user {
   font-weight: bold;
   }
.memberlist_row_1 {
   background-color: #fbfbfb;
   }
#chatbox_footer {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   border-top: 1px dashed #ccc;
   }

Forum version Punbb

Fast response plz

is this a tutorial ?

nope i just need help

Well if you want to change your chatbox read this: https://help.forumotion.com/t77136-customize-chatbox

yah i already try that one but wont work

what is your browser ?

i have no problem in browser coz i already tried in other computers got the same view

Do you encounter problem when inserting the codes ?

still not working

bump

please check each part of the chatbox code i think there is a bug =)

maybe it work

Code:


#chatbox_members {
    background-image: url("http://i79.servimg.com/u/f79/12/49/95/01/cb_fbr10.gif");
}

#chatbox {
    background-image: url("http://hitskin.com/themes/13/27/62/i_background.gif");
}

it works but when i send a message that row in display area will be white

Try this for the text area:

Code:

.chatbox_row_1 {
background-color: #000;
coloe: #fff;
}

Problem solve =)

You will need to go all the way to row 3 with the code.

kk