Code
<link type="text/css" rel="StyleSheet" href="http://www.ujs.su/JS/forumchat.css" />
<style>
.cMessage {color:#333;border:1px solid #CCC;background-color:#EEE !important}
</style>
<script type="text/javascript">
classname = '.cBlock1';
$.getScript('http://www.ujs.su/JS/forumchat.js');
</script>
<! -- Чат для форума by uJs.su -- >
<a href="javascript://" id="show" title="Открыть чат" onclick="chat('open')"><span id="openbtn"><b>Открыть
чат</b></span></a>
<div id="cht">
<div style="display:none" id="events">
</div>
<div style="display:none" id="fixed_btn">
<a title="Всегда на странице" href="javascript://" onclick="fix('on');"><img
src="http://ujs.su/style/mchat/settings1.png" border="0" width="13"
height="13" alt="" /></a></div>
<div style="display:none" id="close">
<a title="Закрыть чат" href="javascript://" onclick="$('#chbox').fadeOut('100');$('#openbtn').show();$('#close').fadeOut('200');$('#events').fadeOut('100');$('#fixed_btn').hide();fix('off');"><img
src="http://ujs.su/softblock/manage/img_close.png" border="0"
width="13" height="13" alt="" /></a></div>
<div
style="display:none" id="chbox" onmouseover="$(function () {
$('#chbox').stop().animate({opacity: 1.0},1000) })" onmouseout="$(function () { $('#chbox').stop().animate({opacity:
0.7},1000) })">
<div id="ch_messages"><span
style="color:#555">Загрузка
сообщений...</span></div><hr style="margin: 3px; height:
1px; border-left: 0px none; border-right: 0px none; border-width: 0px;
border-style: none; border-color: -moz-use-text-color; background: none
repeat scroll 0% 0% rgb(221, 221, 221);">
<input type="text" id="msg" style="height:30px;width:190px;padding-top:2px" value="">
</div></div>
<! -- /Чат для форума by uJs.su -- >
Quote
P.S.
для настройки вида сообщений в чате, настраивайте те же class'ы или id,
что у вас установлены для стандартного чата. Вид блока с чатом, кнопок и
пр. можно изменить, отредактировав файл
http://www.ujs.su/JS/forumchat.css
Комментарии: