New messages Members Forum rules Search
  • Page 1 of 2
  • 1
  • 2
  • »
Forum moderator: kostova  
uCoz Support Forum by uCozers » uCoz » Tag Board » Sliding mini-chat (sml[tutorial])
Sliding mini-chat
jackassDate: Thursday, 2011 March 24, 11:11 PM | Message # 1
Font size: A | A |
Major general
Group: Administrator
Message: 433
[ ]
Offline

It's English version, just didn't want to make a new screen-shot biggrin

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!

Attachments: images.rar (5.5 Kb) · 3396160.png (19.9 Kb)


 
SkacikasDate: Friday, 2011 March 25, 1:43 AM | Message # 2
Font size: A | A |
Private
Group: User
Message: 8
[ ]
Offline
not working sad 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?
 
jackassDate: Friday, 2011 March 25, 2:16 AM | Message # 3
Font size: A | A |
Major general
Group: Administrator
Message: 433
[ ]
Offline
Skacikas, install tag board module in CP!

 
J-SecretDate: Sunday, 2011 March 27, 11:59 AM | Message # 4
Font size: A | A |
Private
Group: User
Message: 6
[ ]
Offline
This is a great code, but how do I change the transparency or color?
 
jackassDate: Sunday, 2011 March 27, 5:25 PM | Message # 5
Font size: A | A |
Major general
Group: Administrator
Message: 433
[ ]
Offline
Change background image /images/mini-chat/bg_cod.png

 
J-SecretDate: Monday, 2011 March 28, 5:54 PM | Message # 6
Font size: A | A |
Private
Group: User
Message: 6
[ ]
Offline
I'm curious is there as possibility the clock can be made to be in real time?
 
jackassDate: Tuesday, 2011 March 29, 0:03 AM | Message # 7
Font size: A | A |
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-SecretDate: Tuesday, 2011 March 29, 7:23 AM | Message # 8
Font size: A | A |
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.
 
jackassDate: Tuesday, 2011 March 29, 7:57 PM | Message # 9
Font size: A | A |
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 / -->


 
dinukap4Date: Monday, 2011 April 11, 8:52 AM | Message # 10
Font size: A | A |
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

 
SirDarknightDate: Tuesday, 2011 April 12, 6:01 AM | Message # 11
Font size: A | A |
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
 
komshaDate: Sunday, 2011 April 24, 10:10 PM | Message # 12
Font size: A | A |
Private
Group: User
Message: 15
[ ]
Offline
when i enter message and click ok this pop up apper....fiels "message" not field in sad

Added (2011 April 24, 10:10 PM)
---------------------------------------------
I realized why it was not work...

 
DavorDate: Saturday, 2011 May 21, 3:51 PM | Message # 13
Font size: A | A |
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?

 
interoutDate: Thursday, 2011 October 13, 3:51 AM | Message # 14
Font size: A | A |
Private
Group: User
Message: 2
[ ]
Offline
Davor, i have that problem !
 
dragan_93Date: Friday, 2011 October 21, 5:37 PM | Message # 15
Font size: A | A |
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! sad

Added (2011 October 21, 5:37 PM)
---------------------------------------------
I have resolved the problem. smile

 
uCoz Support Forum by uCozers » uCoz » Tag Board » Sliding mini-chat (sml[tutorial])
  • Page 1 of 2
  • 1
  • 2
  • »
Search:


Copyrights uCozers 2009 - 2024 To TOP
Refresh Smileys Manager