Следующий код вставляем на ту страницу где мы хотим увидеть раздвижной мини-чат (между <head> и </head>):
Code
<div style="position:absolute;position:fixed;bottom:1;left:1;opacity:1.0;">
<div id="chat" style="display: none;"><table border="0" cellpadding="0" cellspacing="0" width="300" style="border: 1px solid gray; background: #f6f6f6;">
<tr><td height="32" background="http://no-name.3dn.ru/images/chat300.png"></td></tr><tr><td style="background: #f6f6f6; text-align: center; border-top: 1px solid gray;">
$CHAT_BOX$
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="206">
</td></tr></table>
</td></tr></table></div>
<div style="height: 22px; width: 298px; border: 1px solid gray; background: #f6f6f6; margin-top: 1px;">
<div style="float:right; height: 18px; width: 48px; border-left: 1px solid gray;text-align: center; padding-top: 4px;">$TIME$</div>
<div style="margin-top: 4px; text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)">Мини чат</a></div>
</div></div>