Stapanul | Data: Duminică, 2012-06-10, 8:33 PM | Mesaj # 1 |
|
Butonul pentru deschiderea Mini-chat-ului se află în partea dreaptă de sus a site-ului. Este foarte confortabil şi uşor de-l ascuns înapoi. Pasul 1: Panoul de Control - Design - Administrarea design-ului (CSS) - şi adăugăm acest cod la început:
Code .center_ro_md_stapanul { padding:0; width:200px; background:#F4F5F6; border:#7c7c7c 1px solid; } .handle{ margin:0; padding:0 }
Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea superioara a site-ului] - şi adăugăm acest cod la sfârşit:
Code <script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Diverse/Mini-chat_colt/Mini_chat_coduri.js"></script> <div class="center_ro_md_stapanul"> <a class="handle" href="#">Mini-chat</a> $CHAT_BOX$ </div>
|
|
|
|
Stapanul | Data: Marţi, 2012-07-03, 6:25 PM | Mesaj # 2 |
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea inferioară a site-ului] - la urmă adăugaţi codul:
Code <style> .chat_box {display:none;position:fixed;bottom:15px;right:15px;border:1px solid #dddddd;background:#fbfbfb;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:2px 2px 3px #9b9b9b;-webkit-box-shadow:2px 2px 3px #9b9b9b;box-shadow:2px 2px 3px #9b9b9b;} .chat_box div.close {display:block;position:absolute;right:0;top:0;background:url('http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/inchide_mic.png') no-repeat;width:16px;height:16px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);} .chat_box div.close:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);} div.chat_button {display:block;width:75px;height:75px;background:url('http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/ceat_buton.png') no-repeat;position:fixed;bottom:15px;right:15px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);} div.chat_button:hover {cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);} </style> <div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div> <div class="chat_box"><div class="close" onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div> <div id="chatBox">$CHAT_BOX$</div> <script type="text/javascript"> function reloadTimeC() { $('#chatBox').load('/ #chatBox',function(data){ $('#reloadSec').html('<span style="color:green;padding-top:4px;">Reîncărcat</span>'); setTimeout("$('#reloadSec').html('')",1000); }); }; setInterval(reloadTimeC,30000); </script>
Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Mini-chat [Aspectul intrărilor] - schimbăm codul de aici cu:
Code <div style="text-align:left;background:#ffffff;border:1px solid #CCD3DA;padding:2px;"> <table width="100%" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top"><div style="font:8pt"><a href="javascript:void('Apply to')" style="color:#000000;" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;">$NAME$</a></div></td> <td width="85%" align="right" valign="top"><a href="javascript://" style="font:8pt">$TIME$</a></td></tr></table> <div style="text-align:left;font-size:9pt;">$MESSAGE$</div></fieldset>
</div><div style="margin-top: 4px;"></div>
Pasul 3: Panoul de Control - Design - Administrarea design-ului (şabloane) - Mini-chat [Formular pentru adăugarea de mesaje noi] - aici la fel schimbăm codurile.
Code <table width="100%"> <tr> <td align="left" valign="top"> <textarea name="mcmessage" id="mchatMsgF" title="Mesajul" onkeyup="countMessLength();" onfocus="countMessLength();"></textarea> <div style="float:left;"><div id="chatb" href="$SMILES_URI$"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/zambet.gif"></div> <div id="chatb" href="$RELOAD_URI$"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/reincarcare.png"></div> <div id="chatb" href="$BBCODES_URI$"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/codurile.png"></div> <div id="chatb" href="$MSGCTRL_URI$"><img src="http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/setari.png"></div></div><div id="reloadSec" style="float:right;"></div> $_SECURITY_CODE$ </td> <td width="10%" align="right" valign="top"> <div id="buttonsubmit" onclick="$('#mchatBtn').click();">ОК</div> </td> </tr> </table> <style> #mchatMsgF{padding:4px;margin-top:6px;border:1px solid #B5B8C8; background:#ffffff url(http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/bara.gif) repeat-x 0 0;width:100%;height:42px;font-family:tahoma;font-size:12px;font-weight:bold;} #buttonsubmit{background:#6386d0;border:1px solid #3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;} #buttonsubmit:hover{background:#7e9fe4;border:1px solid #3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:underline;} #buttonsubmit:active{background:#4f72bd;border:1px solid #3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:underline;} #chatb{background:#FFF;border-left:1px solid #B5B8C8;border-right:1px solid #B5B8C8;border-bottom:1px solid #B5B8C8;padding:4px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:underline;display:inline-block;} </style> <div style="display:none;"><input type="submit" style="width: 30px;" id="mchatBtn" class="mchat" value="OK"></div>
<?if($FLD_SECURE$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr> </table> <?endif?>
|
|
|
|
OmulPaianjen | Data: Joi, 2012-07-26, 1:12 PM | Mesaj # 3 |
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea inferioară a site-ului] - adăugați la urmă acest cod:
Code <div id="fixwp" class="CHAT1"><div id="onlane_chal_weplace"> <span onclick="$('#fixwp').toggleClass('CHAT2');$('#chl');" style="cursor:pointer"> <div class="chal_weplace_title"><span style="padding-left: 8px;color: #fff;text-shadow: 0px 1px 1px #757575;font-family: arial;font-size: 13px;">Chat-ul Nostru</span> </div></span> <div class="weplace_hello"><div style="padding: 8px">Bun venit pe chat! Conectați - <span id="onlime_wp"></span>. Comunicare plăcută!</div></div> <div class="weplace_os_ch"><div style="padding: 8px">$CHAT_BOX$</div></div> </div></div> <script type="text/javascript"> dc1 = [], dc2 = [2, 0, 1, 1, 1, 2]; function wpon(num, text) { if(!dc1[num]) dc1[num] = num % 100 > 4 && num % 100 < 20 ? 2 : dc2[Math.min(num % 10, 5)]; return text[dc1[num]]; } $(document).ready(function() { wpch_online= $("#onl1").text().substr(13); $("#onlime_wp").html('<b>'+wpch_online+'</b>' + ' ' + wpon(wpch_online,['persoană', 'persoane', 'persoană'])); }); </script>
Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Mini-chat [Aspectul intrărilor] - schimbați codul de aici cu cel de mai jos.
Code <div class="weplace_vid"> <div style="padding-bottom: 8px"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;" style="text-decoration:none;"><b class="weplace$PARITY$">$NAME$:</b></a> <font style="color: #404040">$MESSAGE$ </font> </div> </div>
Pasul 3: Panoul de Control - Design - Administrarea design-ului (şabloane) - Mini-chat [Formular pentru adăugarea de mesaje noi] - schimbați codul de aici cu acesta:
Code <div style="padding-top:9px;"><input name="mcmessage" class="mchat" id="mchatMsgF"></div> <table width="100%" cellspacing="0"><tr><td><div style="padding-top:12px;padding-bottom:9px;"><a href="javascript://" onclick="chiweplace();" class="weplace_ch_ok" style="text-decoration:none;color: #fff">Trimite</a></div></td><td align=right><div style="padding-top:8px;padding-bottom:4px;">$IMG_SECURE$$FLD_SECURE$</div></td></tr></table> <div style="display:none"><input type="submit" value="OK" class="mchat" id="mchatBtn" ></div> <script> function chiweplace() {$('#mchatBtn').click()} </script>
<script type="text/javascript"> var weplaceobn = 16; $('#MCaddFrm').attr('onsubmit', 'sbtFrmMC123();return false;'); $('#mchatIfm2').after('<div class="mchatweplace"><div style="padding: 5px"><div style="width:100%;height:170px;overflow:auto;display:block;padding-right:3px" id="wpajax">Încărcare...</div></div></div>').remove(); function wpajax(){ $.get('/mchat/', function(data){ $('#wpajax').html(''); $('.weplace_vid', data).each(function(){ $('#wpajax').append($(this).html()); }); $('#mchatBtn').show(); $('#mchatAjax').hide(); }); setTimeout('wpajax()', weplaceobn*1000); } function show_profile(uid){ window.open('/index/8-'+uid); } function sbtFrmMC123(){ $('#mchatBtn').hide(); $('#mchatAjax').show(); _uPostForm('MCaddFrm',{type:'POST',url:'/mchat/'}); wpajax(); } wpajax(); </script>
Pasul 4: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați (la urmă) aceste stiluri:
Code #fixwp {position:fixed;box-shadow: 0 -2px 9px rgba(0, 0, 0, 0.5);border-radius: 6px 6px 6px 6px} .CHAT1 {bottom:-318px;left:16px;} .CHAT2 {bottom:16px;left:16px;} input[title="Codul de siguranță"] {width:80px; height:25px; font-size:10px;border:1px solid #bcbcbc;border-radius: 0 3px 3px 0} img[title="Reînoiește codul"] {width:80px; height:25px; font-size:10px;border:1px solid #bcbcbc;border-radius: 3px 0 0 3px} .weplace_ch_ok {border-radius:3px; background: -moz-linear-gradient(top, #9f9f9f, #6c6c6c); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f9f9f), color-stop(100%,#6c6c6c)); background: -webkit-linear-gradient(top, #9f9f9f, #6c6c6c); background: -o-linear-gradient(top, #9f9f9f, #6c6c6c); background: -ms-linear-gradient(top, #9f9f9f, #6c6c6c); background: linear-gradient(top, #9f9f9f, #6c6c6c);padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:3px; box-shadow: 0px 0px 0px 1px #505050; border-top:1px solid #d1d1d1;color: #fff;font-size: 11px;text-shadow: 0px 1px 1px #434141;} .weplace_ch_ok:hover {border-radius:3px; background: -moz-linear-gradient(top, #2268a7, #2268a7); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2268a7), color-stop(100%,#2268a7)); background: -webkit-linear-gradient(top, #2268a7, #2268a7); background: -o-linear-gradient(top, #2268a7, #2268a7); background: -ms-linear-gradient(top, #2268a7, #2268a7); background: linear-gradient(top, #2268a7, #2268a7);padding-bottom:6px;padding-left:4px;padding-right:4px;padding-top:3px; box-shadow: 0px 0px 0px 1px #083249; border-top:1px solid #55a4ef; color: #fff; font-size: 11px;text-shadow: 0px 1px 1px #083249;} #mchatMsgF {height:27px;width:100%;border:1px solid #bcbcbc;border-radius:3px;background: #fff;box-shadow: 0px 0px 0px 2px #f1f1f1; padding-right:3px;padding-left:3px;color: #434343} .weplace1 {color: #004bd4} .weplace2 {color: #d80308} .mchatweplace {border:1px solid #bcbcbc;border-radius:3px;background: #fff; } .weplace_os_ch {width:235px;background: #fff; border-top:1px solid #d8d8d8;} .weplace_hello {width:235px;background: #f1f1f1; border-top:1px solid #fff;color: #686968;} .chal_weplace_title {border-radius:6px 6px 0 0; width:235px;height:35px;line-height: 35px; color: #fff;font-family: arial;font-size: 13px; background: -moz-linear-gradient(top, #c9c9c9, #a6a6a6); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#a6a6a6)); background: -webkit-linear-gradient(top, #c9c9c9, #a6a6a6); background: -o-linear-gradient(top, #c9c9c9, #a6a6a6); background: -ms-linear-gradient(top, #c9c9c9, #a6a6a6); background: linear-gradient(top, #c9c9c9, #a6a6a6);} #onlane_chal_weplace {box-shadow: 0px 0px 0px 1px #707070;border-radius:6px 6px 0 0;}
Rezultatul:
|
|
|
|
OmulPaianjen | Data: Duminică, 2012-08-26, 11:15 PM | Mesaj # 4 |
|
Pasul 1: Panoul de Control - Design - Administrarea design-ului (şabloane) - Mini-chat [Aspectul intrărilor] - înlocuiți codurile din această pagină cu:
Code <div class="msg"> <div class="sb$PARITY$"> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td valign="top" width="36"><div class="av"> <a href="$PROFILE_URL$"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Fara_avatar/9.jpg" alt="$USERNAME$" /></a></div></td> <td valign="top"><div class="us"><div class="pdvr"><span class="hus<?substr($PROFILE_URL$, strrpos($PROFILE_URL$,"('")+2, strrpos($PROFILE_URL$,"')")-strrpos($PROFILE_URL$,"('")-2)?>"><a href="javascript:otbet('$USERNAME$')" class="otbv">Răspunde</a> |</span> <span title="$DATE$">$TIME$</span></div><a href="$PROFILE_URL$">$USERNAME$</a></div> <div style="width:234px;overflow:hidden"<?if($NUMBER$='1')?> id="c_one"<?endif?>>$MESSAGE$</div> </td> </tr> </table> </div> </div>
Pasul 2: Panoul de Control - Design - Administrarea design-ului (şabloane) - Mini-chat [Formular pentru adăugarea de mesaje noi] - înlocuiți codurile și din această pagină cu codurile de mai jos.
Code <?if(!$USER_LOGGED_IN$)?> <?else?> <input type="hidden" name="custom1" class="mchat" id="mchatC1F" value="http://fierbinte.ucoz.ro/avatar/Fara_Avatar.gif" />
<div align="left"><input type="text" name="mcmessage" class="mchat" id="mchatMsgF" maxlength="500" value="" /></div>
<input type="submit" onclick="messages();setTimeout(function(){messages()},500)" value="Trimite" class="mchat2" id="mchatBtn" />
<input style="display:none;" id="mchatAjax" type="button" value="Trimite" class="mchat2" disabled /> <?endif?>
Pasul 3: Panoul de Control - Design - Administrarea design-ului (şabloane) - Secţiuni globale [Partea inferioară a site-ului] - adăugați:
Code <style type="text/css"> .dsnn {display:none} #c_one_clon, #c_tell {position:absolute;top:-1500px} .chat_over {position:fixed;padding:5px;padding-top:0;z-index:9999;bottom:-212px;right:20px;text-align:center;background:rgba(0,0,0,0.6); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
*:focus {outline: none} #bottom_chat {display:none;padding:5px;color:#FFFFFF;cursor: s-resize} #top_chat {padding:5px;color:#FFFFFF;cursor: n-resize} .ngd { cursor:default; background:#FFFFFF; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .clkg {width:288px; padding:5px;padding-bottom:6px;border:1px solid #EAEAEA; background:#EAEAEA; color:#000; text-align:left; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #wrapper .comm {margin-top:0;margin-left:0px;} .sb1, .sb2 {margin-bottom:10px} .cs2 {margin-top:3px;color:#E32F17;font-size:10px} .cs1 {margin-top:3px;color:#2B2B2B;font-size:10px} .chtt iframe {display:none} .mchat {width:250px} .chtt {margin-top:5px} #mchatMsgF { margin:0; width:288px; padding:5px;border:1px solid #FFFFFF; background:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #mchatBtn {position:absolute;top:-1200px} #mchatAjax {background:#646464;position:absolute;right:-200px}
.otbv, .otbv:hover {color:#6A6A6A}
.sound_on {margin-top:9px;margin-left:252px;width:19px;height:19px;background:url('FARA IMAGINE');position:absolute;cursor:pointer} .sound_off {margin-top:9px;margin-left:252px;width:19px;height:19px;background:url('FARA IMAGINE');display:none;position:absolute;cursor:pointer}
#wrapper { background:#FFFFFF; width: 290px; height: 200px; overflow: auto; }
#scroller { text-align:left; width:270px; padding:0; } .pdvr {float:right} .comm {margin-left:6px;margin-top:10px} .comm .us {color:#646464;font-size:10px;margin-bottom:1px} .comm .av {margin-right:10px;width:26px;height:26px;overflow:hidden;background:#666666} .comm .av div {position:absolute;width:26px;height:26px;overflow:hidden;background:url('FARA IMAGINE') -8px -384px} .comm .av img {width:26px} .cerr {float:right;padding:7px;padding-right:20px}
</style> <script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/1.js"></script> <script type="text/javascript" src="http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/2.js"></script>
<script type="text/javascript"> jQuery(function() {jQuery('#wrapper').jScrollPane({hideFocus:true});}) $('head').append('<link rel="stylesheet" type="text/css" href="http://fierbinte.ucoz.ro/Forum/Aspect/mini_chat/buton_jos/1.css" />'); span></script>
<div class="chat_over"> <div id="bottom_chat" onclick="hide_chat()">Închide</div><div id="top_chat" onclick="show_chat()">Deschide</div> <div id="cht" onclick="show_chat()"><div class="ngd"><div id="wrapper" class="scroll-pane"><div id="scroller" class="comm"></div></div></div>
<style type="text/css">#scroller img {max-width: 100%} .hus$USER_ID$ {display:none}</style>
<div class="chtt"><?if(!$USER_LOGGED_IN$)?><div class="clkg">Conectați-vă</div><?else?>$CHAT_BOX$<?endif?></div></div> <div id="c_one_clon">0</div><div id="c_tell"></div> </div>
<script type="text/javascript"> function otbet(xt) {$('#mchatMsgF').val(''+xt+', ');$('#mchatMsgF').focus()} function opnsml() {$('.ch_sml').slideToggle(200)} function smiles(tx) { $('#mchatMsgF').val($('#mchatMsgF').val()+' '+tx+' ') $('#mchatMsgF').focus() $('.ch_sml').slideToggle(200) } function show_chat() { $('.chat_over').animate({bottom:'20px'},200) $('#top_chat').fadeOut(200,function(){$('#bottom_chat').fadeIn(200)}) setCookie('chat', '1', 10, "/")} function hide_chat() { $('.chat_over').animate({bottom:'-212px'},200) $('#bottom_chat').fadeOut(200,function(){$('#top_chat').fadeIn(200)}) setCookie('chat', '0', 10, "/")} function show_profile(nmm) { document.location.href='/index/8-'+nmm }
function messages() {
$.get('/mchat/', function(dt){
setTimeout(function(){$('#c_one_clon').html($('#c_one', dt).html())},2100)
$('#scroller').html($('div.msg', dt).after()); setTimeout(function(){$('#wrapper').fadeIn(200);jQuery('#wrapper').jScrollPane()},200)}); $('#mchatC1F').val('<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?><?endif?>') setTimeout(function(){messages()},20000) } messages() chtcc = getCookie('chat') if(chtcc == '1') {$('.chat_over').css('bottom', '20px');$('#top_chat').hide();$('#bottom_chat').show()} </script>
Pasul 4: Panoul de Control - Utilizatori - Utilizatori grupuri - apăsăm pe pentru grupul Utilizatori. Deschidem + Altele și bifăm Niciun cod de securitate necesar. Salvăm.
Rezultatul:
|
|
|
|
DjZone | Data: Marţi, 2012-08-28, 6:57 PM | Mesaj # 5 |
|
Am si eu o intrebare , al 3-lea cod isi da refresh singur chatul ? adica cand scrie cineva ceva apare la lumea aflata pe chat?
|
|
|
|