Chat box menu

ok the chatbox is working but
the bottom of it wont show can u pls tell me whats going on?

check it out ur self
account : Guest
Password : simple
link
www.greyapple.forummotion.com

[NOTE thats not the admin account]
lol its just for gues so they can see what am talking about
so if u guys can check it. it would be cool and if u register
would be better

This happens with every chatbox [if you mean that the font and colour buttons are half cut off], if you want a great chatbox, just go to http://greyapple.forummotion.com/chatbox/chatbox.forum? and link all users there. This way, it is full screen. Otherwise, I don't know what you can do.

Use Ctrl+F to find the Chatbox section of your Css stylesheet
> Admin Panel > Display > Colors > Css

Add height (or all of this if you don't have a Chatbox Footer section)

Code:

        #chatbox_footer {
        height: 30px;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding: 5px;
          }

Edit 30px to 18px and submit
(you may want to experiment with sizes)

wow thx brother lol can u tell me how to change the image and this

how can i change this when some one post its black then its white then black again then white how can i change it to black then grey cause with white u can see their names

Don't use Forumotion chatbox. Use XAT!

markXsimu wrote:wow thx brother lol can u tell me how to change the image and this

how can i change this when some one post its black then its white then black again then white how can i change it to black then grey cause with white u can see their names

I'm going to take a complete guess, I'll test it on my forum first though. Wait... I see no CSS related to text background. Sorry, I can't help you there!

You'll need to edit row background colors.

Here is your entire chatbox Css... so you can experiment

Code:

Chatbox-------------------------------------------------*/

body.chatbox {background-image: none;}
.chatbox {background-color: #262525;}
#chatbox_header {height: 30px;background-color: #595959;}
.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-color: #595959;}
.chatbox-title,.chatbox-title a.chat-title {color: #ffffff !important;}
.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: #ffffff;}
#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}
#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #262525;color : #ffffff;font-family: Century Gothic,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_row_1 {padding: 4px;background-color: #262525;}
.chatbox_row_2 {padding: 4px;background-color: #525252;}
.chatbox_row_3 {padding: 4px;background-color: #262525;}
.memberlist_row_1 {background-color: #262525;}

#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}
#chatbox_footer label {color: #ffffff;}#message,#submit_button{border-width: 1px;}
.fontbutton {padding: 1px;cursor: pointer;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_contextmenu {border: 2px solid black;background-color: #262525;}
#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #262525;border-bottom:1px solid #777;}#chatbox_contextmenu p.hover {background: #525252;}
#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}
#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}
#chatbox_contextmenu a {color: #ffffff; text-decoration: none; font-size: 95%;}
#chatbox_contextmenu a:hover {color: ;}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}

#chatbox .user {font-weight: bold;}
* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}/*

Don't forget the height adjustment I posted earlier.

Have fun

ahhh xD am not good at that but dont remove just 1 question how can i put a img on the top change the black one instead

Thank you RoNo - you have answered my question