Главная Форум Файлы Статьи
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
новый мини чат на сайт
teZДата: Суббота, 05.09.2009, 23:12 | Сообщение # 1
admin
Группа: Администраторы
Сообщений: 47

Новая сборка мини чата, которая очень тщательно тестировалась и оптимизировалась мною

Возможности:
1) При нажатии на ник пользователя - цитирование
2) У Администратора свой цвет шрифта
3) У администратора рядом с ником иконка Админ
4) Ванель ВВ кодов
5) Открыты некоторые смайлы!!! (Состав смайлов и их количество поддаётся изменению)
6) Поле ввода для ответов в 3 строчки
7) Для упрощённой навигации по Мини-Чату я внедрил хинт (Мгновенные подстказки)

Итак, приступим к установке:

Управление дизайном сайта -- Мини-чат -- Вид материалов

Заменяем там всё на:

Code
<link type="text/css" rel="StyleSheet" href="http://apocalypse.ucoz.kz/bigbar/hintblack.css" />        
<script type="text/javascript" src="http://apocalypse.ucoz.kz/bigbar/hintblack.js"></script>  

<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$"><?endif?> <?if($USER_ID$=1)?><img src="http://apocalypse.ucoz.kz/usergroup/admin.gif" border="0"><?endif?><?if($USER_ID$=2)?><img src="http://apocalypse.ucoz.kz/usergroup/checked.png" border="0"> <B>$NAME$</B><?else?><b>$NAME$</b></a><?endif?>        
<div class="cMessage"><?if($USER_ID$='1')?><font color="960303">$MESSAGE$</font><?else?>$MESSAGE$<?endif?></div>        
</div>

Далее ползём в:
Управление дизайном сайта -- Мини-чат -- Форма добавления сообщений

И меняем там всё на:

Code
<link type="text/css" rel="StyleSheet" href="http://apocalypse.ucoz.kz/bigbar/hintblack.css" />        
<script type="text/javascript" src="http://apocalypse.ucoz.kz/bigbar/hintblack.js"></script>  

<script type="text/javascript" src="http://apocalypse.ucoz.kz/mchat.js"></script>  

<div style="margin:5px 0px 0px 0px;text-align:center;">        
<nobr><br>  

<?if($BBCODES_URI$)?>        
<a class="m" href="javascript://" onclick="ffoc(document.forms.addform.message,2);document.forms.addform.message.value+='[b][/b]'" title="Жирный"> <img border="0" align="absmiddle" src="http://apocalypse.ucoz.kz/chat_btn/1.gif" width="16" height="16"></a>        
<a class="m" href="javascript://" onclick="ffoc(document.forms.addform.message,2);document.forms.addform.message.value+='[i][/i]'" title="Курсив"> <img border="0" align="absmiddle" src="http://apocalypse.ucoz.kz/chat_btn/2.gif" width="16" height="16"></a>        
<a class="m" href="javascript://" onclick="ffoc(document.forms.addform.message,2);document.forms.addform.message.value+='[u][/u]'" title="Подчеркнутый"> <img border="0" align="absmiddle" src="http://apocalypse.ucoz.kz/chat_btn/3.gif" width="16" height="16"></a>        
<a class="m" href="javascript://" onclick="ffoc(document.forms.addform.message,2);document.forms.addform.message.value+='[url][/url]'" title="Вставить ссылку"> <img border="0" align="absmiddle" src="http://apocalypse.ucoz.kz/chat_btn/4.gif" width="16" height="16"></a>        
<a class="m" href="javascript://" onclick="ffoc(document.forms.addform.message,2);document.forms.addform.message.value+='[quote][/quote]'" title="Вставить цитату"> <img border="0" align="absmiddle" src="http://apocalypse.ucoz.kz/chat_btn/5.gif" width="16" height="16"></a>        
<?endif?>        
<?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="Смайлики"><img border="0" align="absmiddle" src="http://apocalypse.ucoz.kz/chat_btn/6.gif" width="16" height="16"></a><?endif?>        
<?if($BBCODES_URI$)?><a class="noun" target="cbbcodes" href="javascript:void('BB-codes')" onclick="window.open('$BBCODES_URI$','cbbcodes','scrollbars=1,width=550,height=450,left=0,top=0'); return false;" title="BB-Коды"><img border="0" align="absmiddle" src="http://apocalypse.ucoz.kz/chat_btn/7.gif" width="16" height="16"></a><?endif?>        
<a class="noun" href="javascript:void('Message control')" onclick="window.open('$MSGCTRL_URI$','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0'); return false;" title="Управление сообщениями"><img border="0" align="absmiddle" src="http://apocalypse.ucoz.kz/chat_btn/8.gif" width="16" height="16"></a>        
<a class="noun" href="$ACTION_URL$" onclick="window.location.reload();return false;" title="Обновить"><img border="0" align="absmiddle" src="http://apocalypse.ucoz.kz/chat_btn/9.gif" width="16" height="16"></a>        
</nobr>        
<input type="text" maxlength="60" name="uname" size="8" class="mchat" id="mchatNmF" value="" onfocus="ffoc(this,0)" onblur="fblur(this,0)" title="$STR_NAME$" style="display:none;width:0px;margin:10;padding:1px;border:0px solid black;height:0px">        
<div align="center">  

<textarea maxlength="$MAX_MESSAGE_LEN$" name="message" size="22" class="mchat" id="mchatMsgF" onfocus="ffoc(this,2)" title="$STR_MESSAGE$" style="width:188px;margin:1;padding:0px;border:0px solid black;height:40px" cols="0" rows="0"></textarea></div>  

<a href="javascript:mChatCode(':)');"><img border="0" src="http://s15.ucoz.net/sm/20/smile.gif" title=""></a>  
<a href="javascript:mChatCode(':D');"><img border="0" src="http://s15.ucoz.net/sm/20/biggrin.gif" title=""></a>  
<a href="javascript:mChatCode('B)');"><img border="0" src="http://s15.ucoz.net/sm/20/cool.gif" title=""></a>  
<a href="javascript:mChatCode('^_^');"><img border="0" src="http://s15.ucoz.net/sm/20/happy.gif" title=""></a>  
<a href="javascript:mChatCode(':(');"><img border="0" src="http://s15.ucoz.net/sm/20/sad.gif" title=""></a>  
<a href="javascript:mChatCode('>(');"><img border="0" src="http://s15.ucoz.net/sm/20/angry.gif" title=""></a>  

<a href="javascript:mChatCode(':1tooth:');"><img border="0" src="http://s15.ucoz.net/sm/20/1tooth.gif" title=""></a>  
<a href="javascript:mChatCode(':agent:');"><img border="0" src="http://s15.ucoz.net/sm/20/agent.gif" title=""></a>  
<a href="javascript:mChatCode(':applause:');"><img border="0" src="http://s15.ucoz.net/sm/20/applause.gif" title=""></a>  
<a href="javascript:mChatCode(':badevil:');"><img border="0" src="http://s15.ucoz.net/sm/20/badevil.gif" title=""></a>  
<a href="javascript:mChatCode(':badtease:');"><img border="0" src="http://s15.ucoz.net/sm/20/badtease.gif" title=""></a>  
<a href="javascript:mChatCode(':bang:'(');"><img border="0" src="http://s15.ucoz.net/sm/20/bang.gif" title=""></a>  
<a href="javascript:mChatCode(':beer:');"><img border="0" src="http://s15.ucoz.net/sm/20/beer.gif" title=""></a>  

<a href="javascript:mChatCode(':bang:'(');"><img border="0" src="http://s15.ucoz.net/sm/20/roll.gif" title=""></a>  
<a href="javascript:mChatCode(':sleep:');"><img border="0" src="http://s15.ucoz.net/sm/20/sleep.gif" title=""></a>  

<a href="javascript:mChatCode(':crazy:');"><img border="0" src="http://s15.ucoz.net/sm/20/crazy.gif" title=""></a>  
<a href="javascript:mChatCode(':dontknow:');"><img border="0" src="http://s15.ucoz.net/sm/20/dontknow.gif" title=""></a>  
<a href="javascript:mChatCode(':smoke:');"><img border="0" src="http://s15.ucoz.net/sm/20/smoke.gif" title=""></a>  
<a href="javascript:mChatCode(':kruger:');"><img border="0" src="http://s15.ucoz.net/sm/20/kruger.gif" title=""></a>  

<input title="Нажмите, чтобы отправить сообщение" type="submit" class="mchat" value="Отправить" id="mchatBtn" onclick="return checkform(this.form);">  
</div><br><br>

=-=-=-=-=-=-=-=--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=------------>><><>>>>

ещё вы можете изменить длину мини чата :

Находишь в глобальном блоке мини-чат, в этом коде, $ -CHAT_BOX $ и заменяешь на:

< - iframe style="width: 193px; height: 700px" frameborder="0" scrolling="no" hspace="0" vspace="0" allowtransparency="true" src="/mchat/">

впишите код без " -"

Где:
width: 193px; - Ширина мини чата
height: 700px- Длинна мини чата

Естественно, ширину и высоту указываем какие нужны именно Вам

Всё, Удачи!

Источник:
http://scriptsfor.ucoz.lv

 
  • Страница 1 из 1
  • 1
Поиск: