Новый мини-чат 6.0 by Apocalypse для uCoz - Форум общения - Logical-portal

Время:

Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.227.52.248

Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.

Страница 1 из 1
1

Новый мини-чат 6.0 by Apocalypse для uCoz

spayder

Сообщение оставлено 17.02.2011 в 19:10:28 | Сообщение #1

1537

Особенности этого чата:
1) Возможность задания своего цвета подложки сообщений для нескольких пользователей
2) Отображение аватаров пользователей
3) Оригинальный, приятный глазу, стиль
4) Простая установка и адаптация под любой дизайн (Нужно разбираться в css и html)
5) Выведены основные смайлы
6) Вынесены стрелочки "Вверх", позволяющие быстро переместиться в самый верх сообщений (Плавный скролл)
7) Выведены оригинальные ВВ-Коды (ВВ коды открываются при выделении текста)
Ладно, с особенностями разобрались и теперь давайте приступим к установке
В Виде материалов Мини-чата замените весь код на:

Code

<div <?if($USER_ID$='1')?>class="cBlockadmin"<?else?><?if($USER_ID$='594')?>class="cBlockmoder"<?else?><?if($USER_ID$='634')?>class="cBlockzloi"< ?else?>class="cBlock1"<?endif?>class="cBlock1"<?endif?><?endif?> style="padding:10 0 5 0;margin-bottom:5px;">
<div style="text-align:left;">
<a href="$PROFILE_URL$">

<span class="styled_block_s" style="padding:5 5 5 5;opacity:0.5;">
<?if($AVATAR_URL$)?>
<img class="avatar" src="$AVATAR_URL$" style="vertical-align:-3px"/>
<?else?>
<img class="avatar" src="http://webo4ka.ru/Ucoz2/noavatar_mini_chat.png" width="15" border="0" style="vertical-align:-2px"/>
<?endif?>
</span>
</a>

<span style="padding:0 0 0 10;">
<a title="Цитировать пользователя $USERNAME$" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;" rel="nofollow">
<b>$NAME$</b></a>
<b>
<span class="styled_block_i" style="float:right;padding:7 5 5 7;font-size:10px;" title="$DATE$">
$TIME$
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1000);return false;">
<img width="20" height="10" title="Вверх" src="http://webo4ka.ru/Ucoz2/arrow_up.png" border="0">
</a>
</span>
</b>
</span>

</div>
<div style="text-align:left;padding:20 10 10 10;font-weight:normal;">$MESSAGE$</div>
</div>

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

Code

<table style="margin-top:10;" border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td>$FLD_AUTOUPD$</td>
<td width="70%" align="right">
<a href="$RELOAD_URI$" title="Обновить мини-чат"><img class="mchat_i" width="20" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/reload.png"></a>
<?if($SMILES_URI$)?> <a href="javascript://" title="Показать/Спрятать смайлы" onclick="$('#seesmiles1').slideToggle(500);"><img width="20" class="mchat_i" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/smile.png"></a><?endif?>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img class="mchat_i" width="20" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/settings.png"></a><?endif?>
</td></tr></table>

<?if(!$USER_LOGGED_IN$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td colspan="2">$FLD_NAME$</td></tr>
<tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
</table>
<?endif?>

<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>
</table>
<?endif?>

<?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?>

<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="95%" rowspan="2"><span title="Выделите текст для отображения ВВ-кодов"><textarea name="mcmessage" class="mchat" id="mchatMsgF" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:60px;width:100%;resize:none;"></textarea></span></td>
<td align="center" valign="top"><div style="font-size:10px;text-shadow: black 1px 1px 2px;">$LENGTH_COUNTER$</div></td>
</tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table>

<div id="menu">
<center>
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/bbcodes_mini_chat.js></script>
</center>
</div>

<div style="display:none;" id="seesmiles1" align="center">
<script type="text/javascript" src="http://webo4ka.ru/Ucoz2/smiles_mini_chat.js"></script>
<br>
<a style="color:9c9c9c;" href="$SMILES_URI$" title="Показать все смайлы"><b>==Остальные смайлы==</b></a>
<br>
</div>

Следующий код вставляйте в самый верх вашего css:

Code

Чат разрабатывался для широкоблочного варианта и тёмного дизайна. Для того, чтобы иметь возможность адаптировать данный чат под свой дизайн, вы должны хорошо разбираться в html и css

В прикреплённом архиве находятся все файлы, использованные в этом чате на тот случай, если ссылки на них станут битыми

spayder	Сообщение оставлено 17.02.2011 в 19:10:28 \| Сообщение #1
Постоянный PokerChudo Сообщения: 2111 1537	Особенности этого чата: 1) Возможность задания своего цвета подложки сообщений для нескольких пользователей 2) Отображение аватаров пользователей 3) Оригинальный, приятный глазу, стиль 4) Простая установка и адаптация под любой дизайн (Нужно разбираться в css и html) 5) Выведены основные смайлы 6) Вынесены стрелочки "Вверх", позволяющие быстро переместиться в самый верх сообщений (Плавный скролл) 7) Выведены оригинальные ВВ-Коды (ВВ коды открываются при выделении текста) Ладно, с особенностями разобрались и теперь давайте приступим к установке В Виде материалов Мини-чата замените весь код на: Code <div <?if($USER_ID$='1')?>class="cBlockadmin"<?else?><?if($USER_ID$='594')?>class="cBlockmoder"<?else?><?if($USER_ID$='634')?>class="cBlockzloi"< ?else?>class="cBlock1"<?endif?>class="cBlock1"<?endif?><?endif?> style="padding:10 0 5 0;margin-bottom:5px;"> <div style="text-align:left;"> <a href="$PROFILE_URL$"> <span class="styled_block_s" style="padding:5 5 5 5;opacity:0.5;"> <?if($AVATAR_URL$)?> <img class="avatar" src="$AVATAR_URL$" style="vertical-align:-3px"/> <?else?> <img class="avatar" src="http://webo4ka.ru/Ucoz2/noavatar_mini_chat.png" width="15" border="0" style="vertical-align:-2px"/> <?endif?> </span> </a> <span style="padding:0 0 0 10;"> <a title="Цитировать пользователя $USERNAME$" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;" rel="nofollow"> <b>$NAME$</b></a> <b> <span class="styled_block_i" style="float:right;padding:7 5 5 7;font-size:10px;" title="$DATE$"> $TIME$ <a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1000);return false;"> <img width="20" height="10" title="Вверх" src="http://webo4ka.ru/Ucoz2/arrow_up.png" border="0"> </a> </span> </b> </span> </div> <div style="text-align:left;padding:20 10 10 10;font-weight:normal;">$MESSAGE$</div> </div> Далее в Форме добавления сообщений Мини-чата замените весь код на: Code <table style="margin-top:10;" border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td>$FLD_AUTOUPD$</td> <td width="70%" align="right"> <a href="$RELOAD_URI$" title="Обновить мини-чат"><img class="mchat_i" width="20" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/reload.png"></a> <?if($SMILES_URI$)?> <a href="javascript://" title="Показать/Спрятать смайлы" onclick="$('#seesmiles1').slideToggle(500);"><img width="20" class="mchat_i" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/smile.png"></a><?endif?> <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img class="mchat_i" width="20" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz2/settings.png"></a><?endif?> </td></tr></table> <?if(!$USER_LOGGED_IN$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td colspan="2">$FLD_NAME$</td></tr> <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr> </table> <?endif?> <?if($FLD_CUSTOM1$ \|\| $FLD_CUSTOM2$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr> </table> <?endif?> <?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?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="95%" rowspan="2"><span title="Выделите текст для отображения ВВ-кодов"><textarea name="mcmessage" class="mchat" id="mchatMsgF" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:60px;width:100%;resize:none;"></textarea></span></td> <td align="center" valign="top"><div style="font-size:10px;text-shadow: black 1px 1px 2px;">$LENGTH_COUNTER$</div></td> </tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table> <div id="menu"> <center> <script type="text/javascript" src="http://webo4ka.ru/Ucoz2/bbcodes_mini_chat.js></script> </center> </div> <div style="display:none;" id="seesmiles1" align="center"> <script type="text/javascript" src="http://webo4ka.ru/Ucoz2/smiles_mini_chat.js"></script> <br> <a style="color:9c9c9c;" href="$SMILES_URI$" title="Показать все смайлы"><b>==Остальные смайлы==</b></a> <br> </div> Следующий код вставляйте в самый верх вашего css: Code <script type="text/javascript" src="http://webo4ka.ru/Ucoz2/apoBB_mini_chat.js"></script> <script type="text/javascript" src="http://webo4ka.ru/Ucoz2/jquery.caret_mini_chat.js"></script> $CHAT_BOX$ Чат разрабатывался для широкоблочного варианта и тёмного дизайна. Для того, чтобы иметь возможность адаптировать данный чат под свой дизайн, вы должны хорошо разбираться в html и css В прикреплённом архиве находятся все файлы, использованные в этом чате на тот случай, если ссылки на них станут битыми Подпись пользователя:
	Профиль Цитата Вверх