Блог
Главная » Мини-чат » Красивый и стильный мини чат для uCoz
15:40


Этот чат был длительное время на моем сайте, и вот настало время когда я решил выложить его здесь smile

ПУ --> Вид материалов (мини чата):
Code

<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">  
  <div style="float:right;font-size:8px; font-weight:bold;color:#5f7d9d; text-shadow:1px 1px 1px #fff;" title="$DATE$">$TIME$ <a href="javascript:scroll(0,9999);"title="Перейти в конец страницы">↓</a> <a href="javascript://" onclick="$('body').scrollTo('0px',800, {axis:'y'})" title="Перейти в начало страницы">↑</a></div>  
  <div style="text-align:left;">  
  <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;"> <?if($USER_ID$='1')?><font color=red><b>$NAME$</b></font><?else?><b>$NAME$</b><?endif?></a>  
  <img src="http://webo4ka.ru/Ucoz2/webo4ka_mini_chat.png" border="0" style="cursor:pointer" onclick="$('#$NUMBER$').slideToggle('fast')">  
  <div id="$NUMBER$" style="background:#fff;border:2px solid #c3ccd3;display:none;position:absolute;margin-left:17px;padding:4px;width:150px;">  
  <?if($AVATAR_URL$)?><img src="$AVATAR_URL$" align="left" width="60" border="0" class="webo4ka_ava"/><?else?><img src="http://webo4ka.ru/webo4ka/images/webo4ka_no_avatar.png" align="left" width="60" border="0" class="webo4ka_ava_no"/><?endif?>  
  <a href="$PROFILE_URL$" title="Профиль $NAME$'а" target="_blank">Профиль</a><br>  
  <a href="/index/14-$USER_ID$-0-1" title="Отправить ЛС $NAME$'у" target="_blank">Отправить лс</a>  
  </div> <div style="border:2px dashed #dae2e8;"></div></div>  
  <div class="cMessage" id="webo4ka_text"><?if($CUSTOM1$)?><font color="$CUSTOM1$" >$MESSAGE$</font><?else?>$MESSAGE$<?endif?></div>  
  </div><link type="text/css" rel="StyleSheet" href="http://webo4ka.ru/webo4ka/css/mini_chat_css_stil_vk.css"/>

<script>  
$('.cMessage:contains("$Admin")').attr('title', 'Системное сообщение администрации').css('color', '#aa4444').css('font-weight', 'bold');  
</script>


В форме добавления сообщений чата все удаляем и ставим это:
Code

<style>  
  .ap1p {text-align:center;display:none;z-index:10;position:absolute;background:#fff;width:200px;border:1px dashed #ccc;}  
  .ap2p {text-align:center;display:none;z-index:10;position:absolute;background:#fff;width:300px;border:1px dashed #ccc;}  
  </style>  

  <script type='text/javascript' src='http://s15.ucoz.net/src/bbcodes.js'></script>  

  <?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>  
  <table border="0" cellpadding="1" cellspacing="1" width="100%">  
  <tr><td>$FLD_AUTOUPD$</td><td><a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="/apoCH/reload.png" width="13" height="15"></a></td>  
  <td width="70%" align="right">  

  <a href="javascript://" title="Правила чата"><img onclick="new _uWnd('mscont', 'Управление сообщениями', 400, 200, {closeonesc:1, align:'left'}, '<fieldset><legend> Правила мини-чата</legend><ul><li>Категорически запрещено выяснять отношения</li><li>Запрещено рекламирование посторонних ресурсов</li><li>Запрещено оскорбление пользователей</li><li>Запрещено использование нецензурной лексики</li><li>Запрещены любые вопросы по веб-программированию</li></ul></fieldset>');" border="0" align="absmiddle" src="/apoCH/rules.png" width="13" height="15"></a>  
  <div id="Ввкоды" class="ap1p"><script src="/apoCH/apoCH.js"></script></div>  
  <?if($SMILES_URI$)?> <a href="javascript://" onclick="$('#Смайлы').slideToggle(500);$('#Ввкоды').fadeOut(500);" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="/apoCH/smile.png" width="13" height="15"></a><?endif?>  
  <div id="Смайлы" class="ap2p"><script src="/apoCH/apoSM.js"></script></div>  
  <?if($BBCODES_URI$)?> <a href="javascript://" onclick="$('#Ввкоды').slideToggle(500);$('#Смайлы').fadeOut(500);" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="/apoCH/bbc.png" width="13" height="15"></a><?endif?>  
  <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="/apoCH/edit.png" width="15" height="15"></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 style="display:none;" 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 onclick="$('#Ввкоды').fadeOut(500);$('#Смайлы').fadeOut(500);">$FLD_MESSAGE$</span></td>  
  <td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td>  
  </tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table>  
  <?endif?>


Создаем в ФМ папку apoCH и заливаем туда все файлы из прикрепленного архива.

Категория: Мини-чат

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

Knu.com
  • Опросик
  • Зайдете ли вы к нам еще?