Chatbox font!

Hi masters

I want to change both of chatbox font and post font! Not other font like title name or category!
Is there any css?
Thanks in advance guys!

I could change post font, but I can't modify chatbox font yet!

Help! please

Have a look at the CSS collection below that gives you full control over the appearance of your chatbox. Pick the line you need and paste it into the stylesheet in "Display / Colors / CSS". If you need more assistance, please post what font color exactly you want to change, and I will help you finding the correct part of the code.

Code:

body.chatbox{background-color:#ff0000;color:#00ffff;}/*---> Overall background color and font color*/
body.chatbox a:link{color:#ffff00;}/*---> Overall link color*/

#chatbox_header td.catBottom, .chatbox .forabg, #chatbox_header.main-head{background-color:#ffff00;background-image:url("");}/*---> background color and image of the chatbox header-bar*/
#chatbox_header a:link{color:#000000;}/*---> color of links in the chatbox header-bar*/

#chatbox_members{background-color:#0000ff;}/*---> background color of the left row, where the members are listed*/
#chatbox_members .member-title{background-color:#ff00ff;color:#00ff00;}/*---> background color and color of the field labeled "Online" above the member-list*/
#chatbox_members ul.online-users a:link{color:#000000;}/*---> font-color of listed online members*/
#chatbox_members ul.online-users a:hover{color:#444444;}/*---> font-color of listed online member on mouseover*/

#chatbox{background-color:#ffffff;}/*---> the overall background of the textarea of the chatbox*/
.chatbox_row_1{background-color:#aaaaaa;color:#000000}/*---> background color and font color of row 1 in the textarea of the chatbox*/
.chatbox_row_2{background-color:#eeeeee;color:#444444}/*---> background color and font color of row 2 in the textarea of the chatbox*/

#chatbox_footer{background-color:#000000;}/*---> background color of the chatbox footer*/
#chatbox_footer label{color:#ff0000;}/*---> font color of the field "message" in the chatbox footer*/

Thank you, Sunny_D!
I only want to change the type of chatbox font! Not color!

1.While typing a message.
2. And after that whatever has been written in message box!

I've indicated them in the pic below.

1.) To change the color within the send-box, just add the code below to your stylesheet (Display / Colors / CSS Stylesheet) and modify the color code:

Code:

input#message{color:#ff0000 !important;}

2.) You can't change this message, this color is being chosen by each user in the color picker in the bottom bar. It would only be possible to force a color if you want, but that would make the color-picker obsolete.

Hi can i chime in please can you offer some help with changing the font size in the chat box because mines tiny

and (you know i'm gonna ask a pain in the butt one now ) can you change the input text box length because mine seems rather small and has alot of wasted space between the send button and the text editing tools

thanks in advance Sunny ALWAYS a pleasure talking to you

Well mr. smarty pants Sunny D, tell them how to add images to the background as well so I stop getting PMs for it

Hello,

try to add this code into the textbox in "Display / Colors / CSS Stylesheet". The font-size value (bold) can be adjusted to make it larger/smaller:

.chatbox p{font-size:14px;}

The input text box width can be changed with the code below, add it to your stylesheet as well and adjust the bold value if you want.

.chatbox label input{width:250px;}

Kilsek wrote:Well mr. smarty pants Sunny D, tell them how to add images to the background as well so I stop getting PMs for it

er... huh, I mean... yesh! There we go:

body.chatbox{background-image:url(YourImageAddressHere);}

lol Thanks heaps Sunny...

Hi

Can I add link button to chat box tools? like bold,color,italic, ... buttons?

Misery_Kitty wrote:lol Thanks heaps Sunny...

No problem at all, Misery_Kitty. You are welcome.

@Manhattan: Sorry that would not be possible as far as I know. =/

How can I limit the permission of chatbox access for moderators only?

Manhattan wrote:How can I limit the permission of chatbox access for moderators only?

Isn't there anybody help me?!!!

Go to "Modules / Chatbox / Config", activate the chatbox and set "display: Do not display". This first step will hide the chatbox in it's default location. Now, you can embed the chatbox again in an area that only your moderators can see. This can be a post, a forum description or a widget. Use this code for the chatbox:

Code:

<object height="200px" width="80%" type="text/html" scrolling="yes" id="frame_chatbox" data="/chatbox/chatbox.forum">
<IFRAME src="/chatbox/chatbox.forum" width=350 height=200></IFRAME></object>

Thanks Sunny_D!