Skorpions
|
|
|
PRASTS BIEDRS
Foruma ieraksti: 1
UWM Reputācija:
|
uWEBMEISTARS ordeņi:
1. līmenis
2. līmenis
3. līmenis
Jaunākie apbalvojumi:
Lietotājs nav saņēmis apbalvojumus
|
@Skorpions raksta .. :
Sveiks Vēlreiz !
Pēc ilgas prombūtnes esmu atgriezies atpakaļ kibernētiskajā telpā. Un ko es redzu? Es redzu to, kad daudzi vēlas iegūt LigzdaFM ChatBox!
Nu ko, tad laikam arī to te iemetīšu! Bet, pirms es to daru, tad gribu nedaudz parunāt par pašu čatu kā tādu. Pateikt viņa iespējas un principus uz kā viņš darbojās un kam ir paredzēts. ------------------------------ ChatBox iespējas
- redzēt lietotāja avatāru; - rakstīt, kā kopējo, tā arī privāto ziņu lietotajam; - apskatīt katra lietotāja profilu; - baraukt uz čata ieraksta sākumu un beigām izmantojot pogas nospiešanu; - rakstīt tekstus: boldā, slīpi, pa centru, kreisā un labajā malā; - pievienot smaiļikus; - ievietot audio failu; - izmantot pilu BB komplektu (izņemot, atklātu youtube un citas tubes); - iepazīties ar noteikumiem; - tekstus rakstīt krāsainus; - rediģēt ierakstus (tikai admini un modi); - izmantot automātisko pārlādi.
Kā pats redzi, tad iespējas ir ļoti plašas!!!! Patestēt jūs viņu varat šeit: LigzdaFM ChatBox, zem pogas ChatBox
Kādiem dizainiem paredzēts
"LigzdaFM ChatBox" ir krāsains, līdz ar to, viņš var tikt izmantots - kā gaišajiem, tā arī tumšajiem dizainiem. Pats čats ir paredzēts tiem dizainiem, kam viņš nav sānos, bet gan ir kaut kur augšā vai apakšā. Kā arī, ja čats tiek lietots uz atsevišķas lapas kas paredzēts tikai čatam. Tas ir tāds neliels mīnus viņam. Tie kas čatus lieto sānu blokos var vilties viņā, ja to tur sāks stūķēt iekšā, tad tas var negatīvi ietekmēt jūs dizainu kopumā. Bet, ja nedaudz pie viņa piestrādā, tad var jau arī pieregulēt sānu blokiem.
Speciālas prasības Jāzina tas, kad viņā nav drošības kods. Varat pat nepūlēties meklēt šajā skriptā tā kodu - viņa vienkārši tur nav. Tas nozīmē, kad jums, pie lietotājiem būs jāizņem tie ķeksītis, kas pieprasa ievadīt drošības kodu čata. Pretējā gadījumā, čats jums nedarbosies. Lietotājs vienkārši nespēs ievadīt savu sakāmo.
Otra specifiskā prasība ir tāda, kad pie tiem pašiem lietotājiem, jums ir jāatķeksē tas, kad čats nav pieejams nereģistrētajiem lietotājiem. Protams, lietotājs grupā viesis varēs viņu redzēt, bet piedalīties nevarēs. Šāda prasība ir tāpēc, kad dotais čats nav paredzēts nereģistrētu lietotāju lietošanai Respektīvi, ja atstāsiet to, kad nereģistrētie arī var čatot, tad var notikt sistēmas konflikts - nebūs redzams "No Avatar", nebūs profils u.c.
ChatBox struktūra Pats čats sastāv no trim atsevišķām daļām: - spoilers, kas atver un aizver čatu; - Čata satura daļa; - Čata ieraktu daļa;
LigzdaFM ChatBox UZSTĀDĪŠANA
1. Fāze - sagatavošanās darbi
Pirmais kas ir jāizdara, ir jāatķeksē - NOŅEMT DROŠIBAS KODUS (visām grupām), ČATS PIEEJAMS REĢISTRĒTIEM LIETOTĀJIEM (visām grupām). Tas tiek darīts šeit: /panel/?a=users;l=groups;t=8
Kad tas ir izdarīts, tad failu menedžerī ir jāizveido jauna mape ar nosaukumu Chat (ievērojot lielo un mazos burtus, tieši precīzs nosaukums). Kad tas ir izdarīts, tad iemetam iekšā visu šo te: http://ucozwebmeistars.ucoz.lv/_fr/12/Chat.rar Tās ir ikonas, ajax pielikumi un skripti.
Kad tas ir izdarīts, tad pirmā fāzi ir pabeigta, un ķeramies pie nākošās fāzes.
2. Fāze - spoler uzstādīšana. (atvērt un aizvērt čatu)
Dotais HTML kods ir jāliek lapās, kur gribat redzēt savu čatu. Portālā LigzdaFM tas atrodās visās lapās.
1. starp head un /head mēs ieliekam šo skriptu
Code <script type="text/javascript" src="/Chat/bspoiler.js"></script>
Dotais skripts atbild par to, lai atvērtu un aizvērtu spoileri. Kad to esat izdarījuši, tad liekam iekšā pašu HTML kodu vietā, kur gribat redzēt to čatu.
Code <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%"> <tr> <td width="100%"><span class="signatureView" id="signature796073"> <div class="bspoilerdtw"><div class="bspoilerdiv"> <a href="#cha" class="bspoiler" onclick="return spoiler_js(this);"> <span style=""> <img src="/Chat/chpls.gif" border="0" width="105" height="31" hspace="0" Title="Atvērt čatu" align="middle"></span> <span style="display: none;"> <img src="/Chat/chat_minus.png" border="0" width="105" height="31" hspace="0" Title="Aizvērt čatu" align="middle"></span></a> </div> <div style="border-left:0px solid rgb(0, 0, 0); border-right:0px solid rgb(0, 0, 0); border-top:0px none -moz-use-text-color; border-bottom:0px solid rgb(0, 0, 0); width: 100%; padding: 0px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; display: none"> <table width="100%" border="0" cellpadding="0" cellspacing="0" height="48"> <tbody><tr> <td width="14" background="http://src.ucoz.ru/t/431/2.jpg" height="13"> </td> <td background="http://src.ucoz.ru/t/431/3.jpg" height="13"> </td> <td width="14" background="http://src.ucoz.ru/t/431/4.jpg" height="13"> </td> </tr> <tr> <td width="14" background="http://src.ucoz.ru/t/431/5.jpg"> </td> <td valign="top" background="http://src.ucoz.ru/t/431/6.jpg">
$CHAT_BOX$</td> <td width="14" background="http://src.ucoz.ru/t/431/7.jpg"> </td> </tr> <tr> <td width="13" background="http://src.ucoz.ru/t/431/8.jpg" height="13"> </td> <td background="http://src.ucoz.ru/t/431/9.jpg" height="13"> </td> <td width="13" background="http://src.ucoz.ru/t/431/10.jpg" height="13"> </td> </tr> </tbody></table> </div></div></span></td> </tr> </table>
Kad esat to uzstādījuši visās vietās kur gribat redzēt savu čatu, tad ķeramies klāt jaunajai fāzei.
3. Fāze - Paša čata uzstādīšana
Ieejam savā admin panelī, atrodam čata HTML kodu kas atbild par tā vizuālo izskatu (/panel/?a=tmpl;m=17;t=1) un visu tur esošo kodu aizvietojam ar šo kodu:
Code <div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;"> <div style="float:right;font-size:8px;" title="$DATE$">$TIME$ <a href="javascript:scroll(0,9999);"title="Iet uz Chat beigām"> <img border="0" src="/Chat/down.gif" width="10" height="10"></a> <a href="javascript://" onclick="$('body').scrollTo('0px',800, {axis:'y'})" title="Iet uz Chat sākumu"> <img border="0" src="/Chat/top.gif" width="10" height="10"></a></div> <div style="text-align:left;"> <img src="http://s21.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px" hspace="2" height="13"/><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$USERNAME$[/i], ';return false;" ><b>$USERNAME$</b></a>
<img src="/Chat/opcija.png" border="0" style="cursor:pointer" onclick="$('#$NUMBER$').slideToggle('fast')" Title="Lietotāja dati" width="10" height="10"> <div id="$NUMBER$" style="border:1px solid #5d5d5d;background:#f7e3ae;display:none;position:absolute;margin-left:30px;padding:4px 4px 4px 4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;"> <?if($AVATAR_URL$)?> <img src="$AVATAR_URL$" align="left" width="60" border="0" style="vertical-align:-20px; background:#f4f4f4; padding: 2px; border:1px solid #666666;"/> <?else?> <img src="/Chat/NoavsComent.png" title="Sliņķis bez avatāra" align="left" width="60" border="0" style="vertical-align:-20px; background:#f4f4f4; padding: 2px; border:1px solid #666666;"/> <?endif?> <a href="$PROFILE_URL$" title="$NAME$ profils" target="_blank">Profils</a><br> <a href="/index/14-$USER_ID$-0-1" title="Rakstīt $NAME$ PM" target="_blank">PM</a> </div>
</div> <div style="border-bottom:1px inset #666666;padding-top:6px;"></div> <div class="cMessage" style="text-align:left;">$MESSAGE$</div> </div>
Kad tas ir darīts, tad atrodam čata pievienošanas html formu (/panel/?a=tmpl;m=17;t=2), un visu tur esošo saturu aizvietojam ar šo:
Code <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td width="100%" background="http://src.ucoz.ru/t/431/6.jpg"><script type="text/javascript" src="/Chat/autoresize.jquery.min.js"></script>
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$" style="text-decoration:none; text-shadow: 0.1em 0.1em 0.05em #FFF;"><div style="background:#cccccc;padding:5px 0 5px 0;border:1px solid #800000;color:#800000;margin:0px 0 0 0;font-size:9pt;">Čats ir pieejams reģistrētajiem lietotājiem<br/></div></a><?else?>Pieeja liegta<?endif?></div><?else?> <table border="0" cellpadding="1" cellspacing="1" width="100%"></tr></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr> <td width="95%" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2"> <tr> <td width="70%"><font color="#800000"><b>Auto pārlāde ik pēc:</b></font> $FLD_AUTOUPD$</td> <td width="30%"> <p align="right"> <input type="button" href="javascript://" onclick="openLayerB('Rules_Mchat',0,'/Chat/Chat_noteikumi.xml','Lēļētavā ir AIZLIEGTS',425,200,'1','','',0,'justify'); return false;" value="Noteikumi" title="Ļēļētavas noteikumi (Chat Rules)" class="LigzdaFM_mini-chat"> <input type="button" <a rel="nofollow" href="javascript://" onclick="window.open('http://u.to/YL2p');return false;" value="LigzdaFM" title="LigzdaFM" class="LigzdaFM_mini-chat"> </td> </tr> </table> </td> </tr> <tr><td width="95%" rowspan="2"> <span onKeyPress="if (event.keyCode==10 || (event.ctrlKey && event.keyCode==13)) {document.all.addform.submit();}">$FLD_MESSAGE$</span></td><td align="center" valign="bottom"><div style="font-size:10px;"> <font color="#8A4409">$LENGTH_COUNTER$</font></div></td></tr> <tr> <td align="center" valign="bottom">$SUBMIT$</td> </tr> </table>
<div align="left">
<input type="button" href="$RELOAD_URI$" title="Atjaunot" class="LigzdaFM_mini-chat" style="background-image: url('/Chat/reload.png'); background-repeat: no-repeat; background-position: center" value=" "> <input type="button" href="$SMILES_URI$" title="Ielikt smaidiņu" class="LigzdaFM_mini-chat" style="background-image: url('http://s21.ucoz.net/sm/2/extrat.gif'); background-repeat: no-repeat; background-position: center" value=" "> <input type="button" href="javascript://" onclick="$('#LigzdaFM_mchat_bb').slideToggle('normal');" value=" BB kodi" title="BB Kodi" class="LigzdaFM_mini-chat" style="background-repeat: no-repeat; background-position: center 50%; "> <?if($MSGCTRL_URI$)?> <input type="button" href="$MSGCTRL_URI$" title="Ziņojumu rediģēšana" class="LigzdaFM_mini-chat" style="background-image: url('/Chat/support.png'); background-repeat: no-repeat; background-position: center" value=" "><?endif?>
<br> <div id="LigzdaFM_mchat_bb" style="display: none;"> <input type="button" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]TEKSTS[/b] ';return false;" title="Bold" class="LigzdaFM_mini-chat" style="background-image: url('/Chat/bold.png'); background-repeat: no-repeat; background-position: center"> <input type="button" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]TEKSTS[/i] ';return false;" title="Italic" class="LigzdaFM_mini-chat" style="background-image: url('/Chat/italic.png'); background-repeat: no-repeat; background-position: center"> <input type="button" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[u]TEKSTS[/u] ';return false;" title="Underline" class="LigzdaFM_mini-chat" style="background-image: url('/Chat/underline.png'); background-repeat: no-repeat; background-position: center"> <input type="button" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[s]TEKSTS[/s] ';return false;" title="Strikethrough" class="LigzdaFM_mini-chat" style="background-image: url('/Chat/strikethrough.png'); background-repeat: no-repeat; background-position: center"> <input type="button" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[l]TEKSTS[/l] ';return false;" title="Text Left" class="LigzdaFM_mini-chat" style="background-image: url('/Chat/text_left.png'); background-repeat: no-repeat; background-position: center"> <input type="button" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[c]TEKSTS[/c] ';return false;" title="Text Center" class="LigzdaFM_mini-chat" style="background-image: url('/Chat/text_center.png'); background-repeat: no-repeat; background-position: center"> <input type="button" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[r]TEKSTS[/r] ';return false;" title="Text Right" class="LigzdaFM_mini-chat" style="background-image: url('/Chat/text_right.png'); background-repeat: no-repeat; background-position: center"> <input type="button" href="javascript://" onclick="openLayerB('Color_Mchat',0,'/Chat/Chat_krasas.xml','Krāsu palete',150,80,'1','','',0,'justify'); return false;" value="Krāsas" title="Krāsu palete" class="LigzdaFM_mini-chat"> <input type="button" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[url=WWW ADRESE]Links[/url] ';return false;" value="http://" title="Ielikt linku" class="LigzdaFM_mini-chat"> <input type="button" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[audio]MP3 ADRESE[/audio]';return false;" value="MP3" title="Audio" class="LigzdaFM_mini-chat"> <input type="button" href="$BBCODES_URI$$" value="Visi BB kodi" title="Visi BB Kodi" class="LigzdaFM_mini-chat"> <br> </div> </div><?endif?> <style> .LigzdaFM_mini-chat {padding:3px 5px; border: 1px solid #8a4409; background: #f7e3ae; margin: 1px; color: #542c0f; text-shadow: 0.1em 0.1em 0.05em #FFF;} .LigzdaFM_mini-chat:hover {background: white; color: #0998d4; cursor: pointer; text-shadow: 0.1em 0.1em 0.05em #FFF;} </style></td> </tr> </table>
VISS!!! Ar to tad arī čats ir uzstādīts. ------------------------------------------------------------------
Paraksta nav
|
|
|
|
Korijs
|
|
|
FORUMA DIKTATORS
Foruma ieraksti: 5047
UWM Reputācija:
|
uWEBMEISTARS ordeņi:
1. līmenis
2. līmenis
3. līmenis
Jaunākie apbalvojumi:
|
@Korijs raksta .. :
Skaists raksts un materiāls paldies!
Pievienošu +2 reputācijas par to..
Proti uzvesties, pateikt paldies un paaugstināt reputāciju tiem, kuri ir to nopelnījuši, palīdzēt tiem, kuriem ir nepieciešama palīdzība, papildināt forumu ar lietderīgām tēmām, līdz ar ko Tu šeit būsi respektabls biedrs! Pretēji tam, ja izteikts stulbums, nekaunība un neadekvāta uzvedība spraucas pāri katrai smadzeņu rievai, ja tāda ir - lūgtum, tiksi nahrenizēts! - Biedrs mācās no biedra / UWM
|
|
|
|
|