Evo ti isto kao i na sajtu :
Code
<script type="text/javascript"> $(document).ready(function(){ $('#uidLogButton div:last a').click(); }); </script> <?if($USER_LOGGED_IN$)?> <?if($MODULE_ID$='forum')?> <!-- Chat --> <div style="position:absolute;position:fixed;bottom:5;right:10;"> <div id="chat" style="display: none;"> <table border="0" cellpadding="0" cellspacing="0" width="300" style="border: 1px solid gray; background:url('/slider_chat/bg_cod.png');"> <tr> <td valign="middle" height="32" background="/slider_chat/bg_cod.png"> <span style="padding-left:5px;padding-bottom:5px;" ><b><font color="#ffffff"><center>MINI-CHAT</center></font></b></span> </td></tr> <td style="background:url('/slider_chat/bg_cod.png'); text-align: center; border-top: 1px solid gray;"> $CHAT_BOX$ </td></tr></table></div> <div style="height: 22px; width: 298px; border: 1px solid gray; background:url('/slider_chat/bg_cod.png'); margin-top: 1px;"> <div style="float:right; height: 18px; width: 48px; border-left: 1px solid gray;text-align: center; padding-top: 4px;"><font color="#ffffff"> <!-- time --> <script type="text/javascript"> var d=document var NN = d.layers ? true : (window.opera && !d.createComment) ? true:false function showTime(){ var tmN = new Date() var dH = '' + tmN.getHours(); dH =dH.length<2 ? '0' + dH:dH var dM = '' + tmN.getMinutes(); dM =dM.length<2 ? '0' + dM:dM var dS = '' + tmN.getSeconds(); dS =dS.length<2 ? '0' + dS:dS var tmp = dH + ':' + dM + ':' + dS if (NN) d.F.chas.value = tmp; else d.getElementById('tm').innerHTML=tmp var t = setTimeout('showTime()',1000) } </script> <div id="tm"><form name="F"><input type="button" name="chas" value="XX:XX:XX"></form></div> <script type="text/javascript">showTime()</script> <!-- time / --> </font></div> <div style="float: left; padding-top: 3px;"> <a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Učitaj"><img src="/slider_chat/reload.png" alt="Refresh" border="0" width="16" height="16" style="padding-left: 3px;"></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'/slider_chat/smile.png'},{url:'/index/35-0-2'});return false; "><img src="/slider_chat/smile.png" height="16" width="16" border="0" alt="Smileys" style="padding-left: 3px;"></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Manager',580,600,{autosize:0,resize:0,icon:'/slider_chat/support.png'},{url:'/mchat/0-1', xml: false});return false; "><img src="/slider_chat/support.png" height="16" width="16" border="0" alt="Manager" style="padding-left: 3px;"></a></div> <div style="margin-top: 4px; text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)"><font color="#ffffff">Mini-chat</font></a></div> </div></div> <!-- End Chat --> <?endif?><?endif?>
P.S - sličice koje se nalaze u kodu ( /slider_chat/reload.png itd. ) moraš zameniti svojim, tj. da ih postaviš na svoj sajt. Samo idi na URL sličice, desni klik pa "Save as" i posle je upload na svoj sajt. Takođe možeš menjati neke delove ( kao što je title tag na slici, ili tekst koji piše na chat-u ... ).