Мини-чат by webo4ka

Описание:
Красивый мини-чат
от webo4ka

Автор и источник:
webo4ka.ru
Установка:

1) ПУ \ Управление дизайном \ Мини-чат \ Вид материалов
Удаляете всё оттуда и вставляете:

Код:

<div id="<?if(substr($NAME$)='Вовчик')?>webo4ka_mini_chat_vid_materialov_admin<?else?>webo4ka_mini_chat_vid_materialov<?endif?>"><div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div>  

  <a style="text-decoration:none;font-weight:bold;color:#5f7d9d; text-shadow:1px 1px 1px #fff;" href="javascript://" onclick="$('#$NUMBER$').slideToggle('fast')"> <?if($USER_ID$='1')?><font color=#72aa35><b>$NAME$</b></font><?else?><b>$NAME$</b><?endif?></a>  

  <div id="$NUMBER$" style="background:#f3f3f3;border:2px solid #666;display:none; position:absolute; z-index: 999; left:20%; padding:5px;width:90px;">  
  <?if($AVATAR_URL$)?><img src="$AVATAR_URL$" width="88" border="0" class="webo4ka_ava"/><?else?><img src="http://webo4ka.ru/webo4ka/images/webo4ka_no_avatar.png" width="88" border="0"/><?endif?>  
  <br><a href="$PROFILE_URL$" title="Профиль $NAME$'а" target="_blank">Профиль</a><br>  
  <a href="/index/14-$USER_ID$-0-1" title="Отправить ЛС $NAME$'у" target="_blank">Отправить лс</a>  
  <a style="text-decoration:none;font-weight:bold;color:#5f7d9d; text-shadow:1px 1px 1px #fff;" title="Написать $USERNAME$'у" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;">Цитировать</a>  
  <a href="javascript://" onclick="$('#$NUMBER$').fadeOut('fast');" style="text-decoration:none; color: #ff0000;position:absolute; bottom:0px; right:0px; border-top:2px solid #666; border-left:2px solid #666; padding-right:1px;" title="Закрыть">✘ </a>  
  </div>  
  </div>  
  <div id="<?if(substr($NAME$)='Вовчик')?>webo4ka_mini_chat_vid_materialov_admin2<?else?>webo4ka_mini_chat_vid_materialov2<?endif?>">  
  <table border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" id="webo4ka_MESSAGE">$MESSAGE$</td></tr></table></div>  

  <style>  
  #$NUMBER${filter:alpha(opacity=30);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}  
  #$NUMBER$:hover {filter:alpha(opacity=30);-moz-opacity: 1.0;-khtml-opacity: 1.0;opacity: 1.0;}  

  a:link, a:visited, a:active {text-decoration:none; color:#408fd3; text-shadow: 0.1em 0.1em 0.05em #FFF;}  
  a:hover {text-decoration:none; color:#63d200;}  
  num {font-size: 14px; font-weight: bold; color: #929292;}  

  #webo4ka_mini_chat_vid_materialov {border:1px solid #ccc; background:#f3f3f3; padding:5px; margin-top:3px; margin-left:-1px; margin-right:-1px;}  
  #webo4ka_mini_chat_vid_materialov_admin {border:1px solid #81b745; background:#d3e9ba; padding:5px; margin-top:3px; margin-left:-1px; margin-right:-1px;}  

  #webo4ka_mini_chat_vid_materialov2 {border:0px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; margin-left:-1px; margin-right:-1px;}  
  #webo4ka_mini_chat_vid_materialov_admin2 {border:1px solid #81b745; border-top:0px; margin-left:-1px; margin-right:-1px;}  

  .webo4ka_poloska_gorizont {border:0px; border-left:1px solid #ccc; padding:5px;}  
  #webo4ka_MESSAGE{text-align:left; clear:both; color:#000;padding:4px 4px 4px 4px;}  
  </style>

И так, для того, что бы цвет сообщения админа отличался от других, найдите в коде <?if(substr($NAME$)='Вовчик')?> и меняете на своё имя слово Вовчик

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

Код:

<?if(!$CAN_ADD$)?><div align="center" style="background:#ffc1c1; border:1px solid #af0000; padding:8px; margin:2px; -moz-box-shadow: 0px 0px 3px #8e0000;-webkit-box-shadow: 0px 0px 3px #8e0000;box-shadow: 0px 0px 3px #8e0000;"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$" style="text-shadow: 0px 0px 3px #af5353; color: #af0000 !important;">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>  
  <?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?>  
  <div style="width: 98% !important; border:1px solid #c2c2c2; border-bottom:0px; padding:2px; -moz-box-shadow: 0px 0px 3px #888;-webkit-box-shadow: 0px 0px 3px #888;box-shadow: 0px 0px 3px #888; display:none;" id="webo4ka_panelka_Chata">  
  <table>  
  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://s39.ucoz.net/img/icon/tf.png" width="16" height="16"></a>  
  <?if($SMILES_URI$)?> <img onclick="$('#webo4ka_cmaili').fadeIn();" border="0" align="absmiddle" src="http://s39.ucoz.net/img/icon/s.png" width="16" height="16"><?endif?>  
  <?if($BBCODES_URI$)?> <img onclick="$('#webo4ka_bb_kodi').fadeIn();" border="0" align="absmiddle" src="http://www.iconsearch.ru/uploads/icons/crystalclear/16x16/text_sub.png" width="16" height="16"><?endif?>  
  <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://s39.ucoz.net/img/icon/sg.png" width="16" height="16"></a><?endif?>  
  </table>  
  </div>$FLD_MESSAGE$<span style="float: right;"><input type="submit" value="Отправить" id="mchat"><div style="display:none;"><input value="OK" class="mchat" id="mchatBtn" style="display:block !important" title="Отправить"></div></span><input type="button" value="Правила" id="mchat" onclick="$('#webo4ka_pravila').fadeIn();"><br><br>  
  <!--Смайлы-->  
  <?if($SMILES_URI$)?><div id="webo4ka_cmaili" style="display:none;">  
  <div id="webo4ka_cmaili_border">  
  <span style="float: right;"><a onclick="$('#webo4ka_cmaili').fadeOut();" style="cursor: pointer">close</a></span><a>вставка <a href="$SMILES_URI$" title="Все смайлы">смайликов</a></a><br><br>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://webo4ka.ru/sml/I_lave_webo4ka.gif[/img]';return false;"><img border="0" align="absmiddle" src="http://webo4ka.ru/sml/I_lave_webo4ka.gif"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/smile.gif" border="0" align="absmiddle" alt="smile" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/smile.gif"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/sad.gif" border="0" align="absmiddle" alt="sad" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/sad.gif"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/happy.gif" border="0" align="absmiddle" alt="happy" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/happy.gif"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/dry.gif" border="0" align="absmiddle" alt="dry" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/dry.gif"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/biggrin.gif" border="0" align="absmiddle" alt="biggrin" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/biggrin.gif" width="20"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/tongue.gif" border="0" align="absmiddle" alt="tongue" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/tongue.gif"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/angry.gif" border="0" align="absmiddle" alt="angry" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/angry.gif"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/surprised.gif" border="0" align="absmiddle" alt="surprised" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/surprised.gif"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/wacko.gif" border="0" align="absmiddle" alt="wacko" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/wacko.gif"></a>  
  <a onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' <img src="http://s39.ucoz.net/sm/17/cool.gif" border="0" align="absmiddle" alt="cool" /> ';return false;"><img border="0" align="absmiddle" src="http://s39.ucoz.net/sm/1/cool.gif"></a>  
  </div></div><?endif?>  
  <!--bb-коды-->  
  <?if($BBCODES_URI$)?><div id="webo4ka_bb_kodi" style="display:none;">  
  <div id="webo4ka_bb_kodi_border">  
  <span style="float: right;"><a onclick="$('#webo4ka_bb_kodi').fadeOut();" style="cursor: pointer">close</a></span><a>вставка <a href="$BBCODES_URI$" title="BB-Коды">bb-кодов</a></a><br><br><br>  
  <a onclick="bbCode('b');" id="webo4ka_knopki" title="Полужирный"><b>b</b></a>  
  <a onclick="bbCode('i');" id="webo4ka_knopki" title="Курсив"><i>i</i></a>  
  <a onclick="bbCode('u');" id="webo4ka_knopki" title="Подчёркнутый"><u>u</u></a>  
  <a onclick="bbCode('s');" id="webo4ka_knopki" title="Зачеркнутый текст"><s>s</s></a>  
  <a onclick="bbCode('o');" id="webo4ka_knopki" title="Черта вверху текста"><o>o</o></a>  
  <a onclick="bbCode('l');" id="webo4ka_knopki" title="Текст по левому краю"><l>l</l></a>  
  <a onclick="bbCode('c');" id="webo4ka_knopki" title="Текст по центру"><c>c</c></a>  
  <a onclick="bbCode('r');" id="webo4ka_knopki" title="Текст по правому краю"><r>r</r></a>  
  <a onclick="bbCode('img');" id="webo4ka_knopki" title="Вставить изображение">img</a>  
  <br><br><br>  
  <a onclick="bbCode('url');" id="webo4ka_knopki" title="Вставить ссылку">http://</a>  
  <a onclick="bbCode('spoiler');" id="webo4ka_knopki" title="spoiler">spoiler</a>  
  <a onclick="bbCode('code');" id="webo4ka_knopki" title="code">code</a>  
  <a onclick="bbCode('quote');" id="webo4ka_knopki" title="quote">quote</a>  
  </div></div><?endif?>  
  <!--Правила-->  
  <div id="webo4ka_pravila" style="display:none;">  
  <div id="webo4ka__pravila_border">  
  <span style="float: right;"><a onclick="$('#webo4ka_pravila').fadeOut();" style="cursor: pointer">принимаю!</a></span><a>правила общения в чате</a><br><br><br>  
  <b>1.</b> Запрещены ВСЕ ссылки на сторонние ресурсы. <font color="#ff0000">Бан от одного дня до пожизненного бана</font>  
  <br><br>  
  <b>2.</b> Запрещены оскорбления (Особенно Администрации сайта). <font color="#ff0000">Бан</font>  
  <br><br>  
  <b>3.</b> Запрещены картинки больше чем 100х100  
  <br><br>  
  <b>4.</b> Запрещено задавать вопросы по скриптам в мини-чат (для этого есть форум)  
  <br><br>  
  <b>5.</b> Запрещено в мини чате писать ссылки на форум где просят оценить сайт (считается как скрытая реклама). <font color="#ff0000">Бан на день после трех устных предупреждений</font>  
  <br><br>  
  <b>6.</b> Не воспроизводить ссоры.  
  </div></div>  
  <?endif?>  
  <script type="text/javascript">$('#mchatMsgF').focus(function(){ $('#webo4ka_panelka_Chata').show('222'); });</script>  
  <script type="text/javascript" src="http://webo4ka.ru/webo4ka/js/bb_kodi_mini_chat.js"></script>  
  <link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/Ucoz5/webo4ka_chat_mi/webo4ka_mini-chat.css" />

Отредактировано papas_tm_serjik (07.01.2012 20:29)

Все нужные bb-kodi в ajax окне для мини-чата uCoz (by webo4ka)	Мини-чат	05.01.2012
Предпросмотр комментария в реальном времени в uWnd Alert окне для мини	Мини-чат	05.01.2012
Красивая персональная страница от "Загрузка+"	Пользователи	02.02.2012

Веб-мастеру

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

Мини-чат by webo4ka

Сообщений 1 страница 1 из 1

Поделиться105.01.2012 02:54

Похожие темы