|
Principala » fisiere » Scripturi » Ucoz | [ Adauga un material nou ] |
2010-06-24, 1:12 AM | |
Deci asa,acum va voi arata un nou chat,foarte compact,si original!
SA INCEPEM... 1.Intram "Управление дизайном » Мини-чат » вид материалов" stergem tot si punem codul urmator! Code <div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;"> <div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div> <?if($USERNAME$)?><a class="m" href="javascript://" onclick="ffoc(document.forms.addform.message,2);document.forms.addform.message.value+='[b]$USERNAME$[/b], ' " title="Цитировать $USERNAME$"> <span><b> $USERNAME$:</b></span> </a><?endif?> <span>$MESSAGE$</span> </div> 2.Intram in "Управление дизайном » Мини-чат » форма добавление сообщение" ,iar stergem tot si punem codul ce urmeaza! Code <table border="0" cellpadding="0" cellspacing="0" width="100%"> <td align="center" width="0%"> <a class="noun" href="$ACTION_URL$" onclick="window.location.reload();return false;" title="Refresh"><img src="/Restart.png" align="absmiddle" border="0" width="20" height="20"></a> <?if($SMILES_URI$)?><a class="noun" href="javascript:void('smiles')" onclick="ffoc(document.forms.addform.message,2);wasclk[2]=2;window.open('$SMILES_URI$','csmiles','scrollbars=1,width=250,height=350,left=0,top=0'); return false;" title="Smile"><img src="/Smiley.png" align="absmiddle" border="0" width="20" height="20"></a><?endif?> <a class="noun" href="javascript:void('Message control')" onclick="window.open('$MSGCTRL_URI$','mchatCtrl','scrollbars=1,width=400,height=600,left=0,top=0'); return false;" title="CP"><img src="/Tools.png" align="absmiddle" border="0" width="20" height="20"></a> <input maxlength="$MAX_MESSAGE_LEN$" name="message" size="22" class="boxContent" id="mchatMsgF" value="" onfocus="ffoc(this,2)" onblur="fblur(this,2)" title="$STR_MESSAGE$" style="border: 1px solid rgb(255, 132, 0); margin: 0pt; padding: 0px; width: 65%; height: 18px;" type="text"> <input type="text" maxlength="20" name="uname" size="8" class="boxContent" id="mchatNmF" value="" onfocus="ffoc(this,2)" onblur="fblur(this,2)" title="$STR_NAME$"style="width:0%;margin:0;padding:0px;border:0px solid orange;height:0px"> <input type="submit" class="mchat" value="Spune" id="mchatBtn" onclick="return checkform(this.form);"> </td> </table> 3.Intram in "Управление дизайном »таблица стилей CSS" si adaugam: Code .echat {font-family:Verdana,Tahoma,Arial,Sans-Serif;color:white; line-height: 21px; text-align:center;font-size:7pt; background: url(' /footerBg.gif ') repeat-x} .echat a:link, eDetails a:visited, eDetails a:active, eDetails a:hover {color: white} 4.Introducem insasi codul Chatului: Code <script src="/js/mylab.main.js"></script> <script type="text/javascript">$.include('/js/mylab.cookie.lite.js', '/js/mylab.animate.lite.js', '/js/mylab.ajax.lite.js')</script> <div style="position: relative; margin-top: 10px" class="echat" id="mchatFrame" onmouseover="$.animate($('#mchatTip'),{type: 'opacity', direction: 1, step: .05, stop: 1, unique: 'mchatTip'});" onmouseout="$.animate($('#mchatTip'),{type: 'opacity', direction: 0, step: .05, stop: .01, unique: 'mchatTip'});"><span style="position: absolute; right: 10px; opacity: 0; filter: alpha(opacity=1); bottom: 0" id="mchatTip">Click pentru a derula chat-ul</span><b>Chat</b></div> <div id="mchatAcasă" style="height: 1px; display: none; overflow: hidden; opacity: 0; filter: alpha(opacity=1); background: white; border: 1px solid #dcdcdc; padding: 3px; -moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottomleft-radius: 15px; -webkit-border-bottomright-radius: 15px"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td width="75%" valign="middle"> <iframe name="mchatframe" id="_mchatF" style="width: 100%; height: 190px" frameborder="0" scrolling="no" hspace="0" vspace="0" allowtransparency="true" src="/mchat"></iframe> </td> <td valign="top" style="display: none" id="onllistcontainer" width="150"><div style="background: url('/online.gif') repeat-x; height: 21px; color: white; text-align: center; line-height: 21px; border: 1px solid brown">Online</div><div id="onlkeeper" style="background: #ffeff0; border: 1px solid #ffc6c6; padding: 4px; display: none"><center>Se încarcă...</center></div><div id="onllist" style="background: #ffeff0; border: 1px solid #ffc6c6; overflow: auto; padding: 4px; height: 160px"></div><script>(function $online(x) {x = x.split(' , '); $('#onllist').innerHTML = '<div style="float: right"><img src="/actualizare.png" title="Actualizează lista" onclick="$reload()"></div>' + (x.length > 0 ? x.join('<br>') : 'Posibil nu sunt utilizatori la moment pe site'); var y = $('#onllist -> *a'); for (i in y) {y[i].onclick = function() {var _z = window.frames.mchatframe.document.getElementById('mchatMsgF'); _z.focus(); _z.value += '[b]' + this.innerHTML + '[/b], '; return false}}})('$ONLINE_USERS_LIST$'); $('#onllistcontainer {display: table}')</script></td> </tr> </table> </div> </div><div style="height: 7px; font-size: 0"></div> <script> function $reload() { $('#onllist').style.display = 'none'; $('#onlkeeper').style.display = ''; $.ajax({ method: 'get', url: '/index/0-39-' + Math.floor(Math.random() * 999999), callback: function(s) { $('#onllist').style.display = ''; $('#onlkeeper').style.display = 'none'; var wow = s.text.replace(/\n/g, '<br>').match(/::(.+)::/); $online(wow) } }) }; if(!$.nav('msie')){$('#_mchatF').style.height=200};var mchatTip,x=$.cookie.read('mchatVisibility'),mchatClosed;if(x){if(x==1){$("#mchatAcasă").style.display=''; $("#mchatAcasă").style.opacity=1;$("#mchatAcasă").style.filter='alpha(opacity=100)';$("#mchatAcasă").style.height=200; mchatClosed=0}else{mchatClosed=1}};var mchatAcasă,mchatAcasăOp=1;$('#mchatFrame').onclick=function(){if(mchatClosed==0){mchatClosed=1; $.animate($('#mchatAcasă'),{type:'height',stop:1,direction:0,unique:'mchatAcasă',step:25,callback:function(s){s.style.display='none'; $.cookie.set('mchatVisibility','0')}});$.animate($('#mchatAcasă'),{type:'opacity',stop:.01,direction:0,unique:'mchatAcasăOp',step:.1})}else{$('#mchatAcasă').style.display=''; $.cookie.set('mchatVisibility','1');mchatClosed=0;$.animate($('#mchatAcasă'),{type:'height',stop:200,direction:1,unique:'mchatAcasă',step:25,callback:function(){$("#_mchatF").src='/mchat'}}); $.animate($('#mchatAcasă'),{type:'opacity',stop:1,direction:1,unique:'mchatAcasăOp',s Daca aveti nevoie de o limitare a marimii,plasati codul urmator inaintea codului chatului. Code <tr> <td class="content" valign="top" align="center"> <div align="center" id="_mchat" style="width: 760px"> 5.Incarcam pe site-ul Dvs. urmatorul file: Fisier | |
| |
Vizualizari: 1349 | Downloads: | Raging: 5.0/1 |
Total comentarii : 0 | |