Home Support
Migration

We will be discontinuing our 3.x series service on the 1st of June 2013.

Please, proceed to our new temporary website at bc.blastchat.com to download our new BlastChat 4.0 client and subscribe to our service.

Welcome, Guest
Please Login or Register.    Lost Password?
Forum is locked
Sample CSS Template Forum is locked
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Sample CSS Template
#3787
dragontje124
Moderator
Posts: 119
graphgraph
User Offline Click here to see the profile of this user
Gender: Male rik_dragon[at]hotmail[dot]com Location: Netherlands Birthday: 05/26
Re:Sample CSS Template (complete, with comments) 5 Years, 2 Months ago Karma: 6
nice! great job
 
The topic has been locked.
#3762
BlastChatSupport
Admin
Posts: 2563
graph
User Offline Click here to see the profile of this user
BlastChat
Re:Sample CSS Template (complete, with comments) 5 Years, 2 Months ago Karma: 70
Only if you would like to promote your website, then edit download area file you posted and add it to URL/Website field.
 
The topic has been locked.
#3760
Veronis
Junior Boarder
Posts: 35
graphgraph
User Offline Click here to see the profile of this user
Re:Sample CSS Template (complete, with comments) 5 Years, 2 Months ago Karma: 0
I've uploaded the file, and here are some screenshots that I took in case it will save you time.
This attachment is hidden for guests. Please login or register to see it.

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.
 
Last Edit: 2008/03/10 15:43 By Veronis.
The topic has been locked.
#3752
BlastChatSupport
Admin
Posts: 2563
graph
User Offline Click here to see the profile of this user
BlastChat
Re:Sample CSS Template (complete, with comments) 5 Years, 2 Months ago Karma: 70
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.
 
The topic has been locked.
#3744
Veronis
Junior Boarder
Posts: 35
graphgraph
User Offline Click here to see the profile of this user
Re:Sample CSS Template (complete, with comments) 5 Years, 2 Months ago Karma: 0
CSS file uploaded as TXT file and pasted below:


This attachment is hidden for guests. Please login or register to see it.


/*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;
}
 
Last Edit: 2008/03/10 00:02 By Veronis.
The topic has been locked.
#3742
Veronis
Junior Boarder
Posts: 35
graphgraph
User Offline Click here to see the profile of this user
Sample CSS Template 5 Years, 2 Months ago Karma: 0
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!
 
Last Edit: 2008/03/10 00:04 By Veronis.
The topic has been locked.
Go to topPage: 1