[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты для ucoz » WebStyle Мини-чат v 1.0 для ucoz (юкоз)
WebStyle Мини-чат v 1.0 для ucoz (юкоз)
offtop
Дата: Понедельник, 20.05.2013, 16:24 | Сообщение # 1
Оффлайн
Пользователи
Сообщений: 216
IP: Скрытная информация


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

Вставить в "Вид материалов" - Мини чата:
Код
<a href="javascript:void('Apply to')" style="text-decoration:none; color:#000; " onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;">   
  <table class="onlines" width="231" border="0">   
  <tr>   
  <td width='21' ><?if($AVATAR_URL$)?><img src="$AVATAR_URL$">   
  <?else?><img src="http://dedicated.3dn.ru/uCoz/images/1/254623996.png"> <?endif?>   
  </td>   
  <td><nick>$USERNAME$</nick><br>   
  <group>$DATE$, $TIME$</group>   
  </td>   
  </tr>   
  </table>   
  <div style="background:#fff; max-width:210px; border-top:1px dotted #ccc;padding:8px; border-bottom:1px solid #ccc; ">$MESSAGE$</div>   
  </a>


Вставить в "Форма добавления сообщений" - Мини чата:
Код
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?>   
  <table border="0" cellspasing="0" cellpadding="0">   

  <tr>   
  <td>   
  <textarea name="mcmessage" id="mchatMsgF" style="width:190px;resize:none;font:11px tahoma;border:1px solid #ccc; height:50px;"></textarea>   

  </td>   
  <td>   
  <input type="submit" style="background:#f7f7f7; padding:4px; width:48px; height:50px;border:none;border:1px solid #ccc;margin: 0 -3px 0;" value="OK">   
  </td>   
  </tr>   
  <?if($FLD_SECURE$)?><tr><td>$FLD_SECURE$<span style="margin-top:-2px; margin-left:4px;">$IMG_SECURE$</span></td></tr><?endif?>   
  </table>   

  <?endif?>   
  <script type="text/javascript">   
   $('#mchatMsgF').keyup(function(){   
   if ($(this).val() == '!help'){   
   new _uWnd('regulations','Правила Чата',350,120,{alert:1,resize:0,shadow:0,autosize:0,maxh:300,minh:100, align:1},'<ul><li>Категорически запрещено выяснять отношения.</li><li>Запрещено рекламирование посторонних ресурсов.</li><li>Запрещено оскорбление пользователей.</li><li>Запрещено использование нецензурной лексики.</li><li>Запрещены любые вопросы к Администрации и Модерации.</li></ul>');   
   $(this).val('');   
   }   
   else if($(this).val() == '!управление'){   
   window.open('/mchat/0-1','Управление сообщениями','scrollbars=1,width=550,height=450,left=0,top=0');   
   $(this).val('');   
   }   
   });   
   </script>


CSS, в самый низ:
Код
.onlines {padding:4px;font:11px tahoma; }   
  .onlines:hover {background:#fff}   
  .onlines nick {color:#000; padding:4px;padding-bottom:10px;font-weight:bold; }   
  .onlines group {padding:4px; color:#6d6d6d; }   
  .onlines img {width: 20px;   
  height: 20px;   
  background: #CCC;   
  border: 1px solid #888;   
  border-radius: 2px;   
  -moz-border-radius: 2px;   
  -webkit-border-radius: 2px;   
  padding: 2px;   
  }

_
Прикрепления: 0788317.png(131.0 Kb)
Форум » Ucoz » Скрипты для ucoz » WebStyle Мини-чат v 1.0 для ucoz (юкоз)
  • Страница 1 из 1
  • 1
Поиск: