For everyone who wants to customize the look and feel of their BlastChat:

Here is a sample CSS file that can be used for BlastChat 2.3 client. I assume that it will also work with 2.2, but I'm not certain.

I had an old version attached to this post but couldn't replace it so I added it to the first reply below.

Happy customizing!

CSS file uploaded as TXT file and pasted below:




/*Sample CSS file for BlastChat 2.3 client (created March 8, 2008)*/

/*Background of the window, and set the colors/font of the area*/
/*on the right just above and below the list of users*/
body.blastchat {
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 0px;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#aaaaaa;
background-color : #3a4154;
}

/*The header and footer of the BlastChat window*/
.bc_sectiontableheader {
background-color : #3a4154;
color : #AAAAAA;
padding: 0px 0px 0px 0px;
font-weight : bold;
letter-spacing : 0px;
}

/*Text color of the Room name above the userlist and the background color*/
/*of that section*/
.bc_sectiontableheader_users {
color : #00ff00;
background-color : #3a4154;
}

/*Background color of the bar that contains the current time, the Refresh link,*/
/*and the refresh on/off checkbox*/
.bc_sectiontableheader_msgs {
color : #AAAAAA;
background-color : #262d40;
}

/*These three default "a" styles modify the link style for the userlist*/
/*(users' names in the userlist, Kick/Ban links, etc.) and the links for the Rooms in the room list*/
a:link {
color: white;
text-decoration: none;
}

a:visited {
color: white;
text-decoration: none;
}

a:hover {
color: 00ff00;
text-decoration: none;
}

/*These three bc_ "a" styles modify the link style for the header ([Admin], [Rooms], [Chatters], etc.)*/
.bc_sectiontableheader a:link {
color: white;
font-weight: bold;
text-decoration: none;
}

.bc_sectiontableheader a:visited {
color: white;
font-weight: bold;
text-decoration: none;
}

.bc_sectiontableheader a:hover {
color: #00ff00;
font-weight: bold;
text-decoration: none;
}

/*These two sectiontable entries (1 and 2) edit the chat text style as well as*/
/*the colors of the two alternating background stripes in the chat window*/
.bc_sectiontableentry1 {
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#AAAAAA;
background-color : #262d40;
}

.bc_sectiontableentry2 {
margin: 0px 0px 0px 0px;
padding: 1px 0px 1px 0px;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#AAAAAA;
background-color : #3a4154;
}

/*Color of my own name in the chat window that precedes chat messages sent by me*/
.bc_msg_from {
font-weight : bold;
color : #faf85d;
}

/*Color of my own name as displayed in private or non-private chat messages directed to me*/
.bc_msg_to {
font-weight : bold;
color : #faf85d;
}

/*Color of my own name in the userlist*/
.bc_usr_to {
font-weight : bold;
color : #faf85d;
text-decoration : none;
}

/*Modify font color/style for outgoing private message text*/
.bc_msg_text_privs {
color : #8bc7fe;
}

/*Modify font color/style for incoming private message text*/
.bc_msg_text_privr {
color : #ff6d6d;
}

/*Modify the text style for To:, P:, Message:, and Beep, as well as*/
/*the background color of the form section*/
.bc_form {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#AAAAAA;
background-color : #3a4154;
}

/*Modify style of checkboxes*/
.bc_checkbox {
font-size: 11px;
}

/*Modify style of the chat text input fields*/
.bc_input {
font-size: 11px;
background-color : #444444;
color : #FFFFFF;
border-color: #000000;
border-width: 1px;
text-indent: 2px;
border-style: solid;
}

/*Modify style of the drop-down list*/
.bc_select {
font-size: 11px;
background-color : #444444;
color: #00ff00;
border-color: #000000;
border-width: 1px;
text-indent: 2px;
}

/*Modify style of the Send button*/
.bc_button {
font-size: 11px;
background-color : #444444;
color: #00ff00;
border-color: #000000;
border-width: 1px;
text-indent: 2px;
}

Could you please take your css file, give your CSS some name like "dark yellow" or anything else), rename file as well to reference its name, ZIP the file, then upload .zip file to our Download area section "BlastChat client CSS". Make sure to add your website URL, add some description as well. I will take a snapshot of chat using your CSS file and will add it to our planned CSS image preview module.

I've uploaded the file, and here are some screenshots that I took in case it will save you time.

My site is special interest, so I didn't want to post it publicly in the download area. If you still want the address, let me know.

Only if you would like to promote your website, then edit download area file you posted and add it to URL/Website field.

nice! great job