I will just copy/past my code because i really don't remember how i did that^^
The css file from your style: (mine is oxygen.css or copper.css depends of the style)
#ek_chatLite {
/*width:240px;
top:215px;
left:0px;
position:fixed;*/
}
#ek_chatLite .chatBox {
background-color:#f4f9fd;
border-color:#cbd1d8;
border-style:solid;
border-width:1px;
}
#ek_chatLite .chatContent {
height:200px;
color:#00579c;
}
.chatBox input {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
border: 1px solid #CCC;
font-size: 13px;
background-color: #296fa5;
}
.chatBox input:hover {
background-color: #FFF;
}
.chatBox input:focus {
border: 1px solid #000;
background-color: #FFF;
}
The manifest file from chat box, i just change this line:
<hooks>
<hook id="hd_head" priority="4"><![CDATA[
// add javascript and style files on the Index
if(substr(FORUM_PAGE, 0, 6) != 'admin-') {
//if(!$forum_user['is_guest']) { // this will remove the chat for users that aren't logged in
// if($forum_user['g_id'] != $forum_config['o_default_user_group']) { // this removes the chat for the default group, but leaves it for every other group
$forum_head['prototypejs'] = '<script type="text/javascript" src="'.$ext_info['url'].'/media/js/prototype.js"></script>';
if ($forum_user['style'] === 'Copper')
$forum_head['ek_chatlitejs'] = '<script type="text/javascript" src="'.$ext_info['url'].'/media/js/chat_small.js?logged='.(($forum_user['is_guest']) ? 0 :(($forum_user['is_admmod']) ? 2 : 1)).'&baseUri='.$base_url.'/&extUri='.$ext_info['url'].'/"></script>';
else
$forum_head['ek_chatlitejs'] = '<script type="text/javascript" src="'.$ext_info['url'].'/media/js/chat_std.js?logged='.(($forum_user['is_guest']) ? 0 :(($forum_user['is_admmod']) ? 2 : 1)).'&baseUri='.$base_url.'/&extUri='.$ext_info['url'].'/"></script>';
if (file_exists($ext_info['path'].'/media/js/lang/'.$forum_user['language'].'.js')) {
$forum_head['ek_chatlitelangjs'] = '<script type="text/javascript" src="'.$ext_info['url'].'/media/js/lang/'.$forum_user['language'].'.js"></script>';
} else {
$forum_head['ek_chatlitelangjs'] = '<script type="text/javascript" src="'.$ext_info['url'].'/media/js/lang/English.js"></script>';
}
$ek_chatlite_css = (file_exists($ext_info['path'].'/media/css/'.$forum_user['style'].'.css')) ? $forum_user['style'] : 'default';
$forum_head['style_ek_chatlite'] = '<link rel="stylesheet" type="text/css" media="screen" href="'.$ext_info['url'].'/media/css/'.$ek_chatlite_css.'.css" />';
// } // comment out this bracket if you remove the default group portion above
//} // comment out this bracket if you remove the guest (users not logged in) portion above
} //
]]></hook>
But this, i think you don't need to change, it was just for allow everyone to see the chat but guest can't talk, just read.