Sliding mini-chat
|
|
jackass | Date: Thursday, 2011 March 24, 11:11 PM | Message # 1
|
Major general
Group: Administrator
Message: 433
[ ]
Offline
| It's English version, just didn't want to make a new screen-shot to CP >> Main » Customize design » Editing templates >> Global blocks > Bottom part of the website And past this code where you want! Code <!-- 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('/images/mini-chat/bg_cod.png');"> <tr> <td valign="middle" height="32" background="/images/mini-chat/bg_cod.png"> <span style="padding-left:5px;padding-bottom:5px;" ><b><font color="#ffffff"> Welcome to chat!</font></b></span> </td></tr> <td style="background:url('/images/mini-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('/images/mini-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="Refresh"><img src="/images/mini-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:'/images/mini-chat/smile.png'},{url:'/index/35-0-2'});return false; "><img src="/images/mini-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:'/images/mini-chat/support.png'},{url:'/mchat/0-1', xml: false});return false; "><img src="/images/mini-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 --> Download archive attached to this post and upload content to yours file manager and replace all image links in code Quote /images/mini-chat/bg_cod.png /images/mini-chat/reload.png /images/mini-chat/smile.png /images/mini-chat/support.png This code is only for sliding out chat, not for chat style! Last update 2011.03.29 - Added clock with real time!
|
|
| |
Skacikas | Date: Friday, 2011 March 25, 1:43 AM | Message # 2
|
Private
Group: User
Message: 8
[ ]
Offline
| not working when i want write a message i don't know were i need write because no scape i the chat online write welcome to chat,want me need do?
|
|
| |
jackass | Date: Friday, 2011 March 25, 2:16 AM | Message # 3
|
Major general
Group: Administrator
Message: 433
[ ]
Offline
| Skacikas, install tag board module in CP!
|
|
| |
J-Secret | Date: Sunday, 2011 March 27, 11:59 AM | Message # 4
|
Private
Group: User
Message: 6
[ ]
Offline
| This is a great code, but how do I change the transparency or color?
|
|
| |
jackass | Date: Sunday, 2011 March 27, 5:25 PM | Message # 5
|
Major general
Group: Administrator
Message: 433
[ ]
Offline
| Change background image /images/mini-chat/bg_cod.png
|
|
| |
J-Secret | Date: Monday, 2011 March 28, 5:54 PM | Message # 6
|
Private
Group: User
Message: 6
[ ]
Offline
| I'm curious is there as possibility the clock can be made to be in real time?
|
|
| |
jackass | Date: Tuesday, 2011 March 29, 0:03 AM | Message # 7
|
Major general
Group: Administrator
Message: 433
[ ]
Offline
| Quote <font color="#ffffff">$TIME$</font> It is real time, or did you mean when you can see time changing without refreshing page?
|
|
| |
J-Secret | Date: Tuesday, 2011 March 29, 7:23 AM | Message # 8
|
Private
Group: User
Message: 6
[ ]
Offline
| Quote (jackass) It is real time, or did you mean when you can see time changing without refreshing page? Yeah that is exactly what I meant to say, sorry that would have been better.
|
|
| |
jackass | Date: Tuesday, 2011 March 29, 7:57 PM | Message # 9
|
Major general
Group: Administrator
Message: 433
[ ]
Offline
| Done! Code updated with Code <!-- 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 / -->
|
|
| |
dinukap4 | Date: Monday, 2011 April 11, 8:52 AM | Message # 10
|
Private
Group: User
Message: 18
[ ]
Offline
| I need to make this refresh every 1 second how can id o it ??? Added (2011 April 11, 8:52 Am) --------------------------------------------- Please send me a Email on how to do this thanks a lot admin you are doing some awesome work here! Dinukap4
|
|
| |
SirDarknight | Date: Tuesday, 2011 April 12, 6:01 AM | Message # 11
|
Lieutenant
Group: uCozer
Message: 61
[ ]
Offline
| Quote (dinukap4) I need to make this refresh every 1 second how can id o it ??? Mad! Your Mini-Chat Box Will Never Be Shown.
Please Give Me Some Reputation or Award If My Post Helps You
|
|
| |
komsha | Date: Sunday, 2011 April 24, 10:10 PM | Message # 12
|
Private
Group: User
Message: 15
[ ]
Offline
| when i enter message and click ok this pop up apper....fiels "message" not field in Added (2011 April 24, 10:10 PM) --------------------------------------------- I realized why it was not work...
|
|
| |
Davor | Date: Saturday, 2011 May 21, 3:51 PM | Message # 13
|
Private
Group: User
Message: 2
[ ]
Offline
| Hello i have a problem when i start to write for some reason it redirect me to a main page and a basic tag board, i check the code and everything seems to be ok... Any suggestions?
|
|
| |
interout | Date: Thursday, 2011 October 13, 3:51 AM | Message # 14
|
Private
Group: User
Message: 2
[ ]
Offline
| Davor, i have that problem !
|
|
| |
dragan_93 | Date: Friday, 2011 October 21, 5:37 PM | Message # 15
|
Private
Group: User
Message: 2
[ ]
Offline
| Quote (komsha) when i enter message and click ok this pop up apper....fiels "message" not field in
I also had that problem, but, i can't find any solution. Help! Added (2011 October 21, 5:37 PM) --------------------------------------------- I have resolved the problem.
|
|
| |