Web Мини-чат v1.0 by Webing


Web Мини-чат v1.0 by Webing

1502
10 из 10
Проголосовало: 3






Мини-чат полностью функциональный, на вид простой и красивый, сделан под сайты светло - серых тематик, кто разбирается в CSS можно просто фоны поменять, вид материалов мини-чата похожа на uSite, в общем ставьте и комментируйте.

Установка

Таблица стилей (CSS):

Code
/* Мини-чат v1.0 */  
  .mchat textarea {border:1px solid #DBDBDB;background:#f7f7f7;}  
  .mchat textarea:hover {background:#fff;}  
  .mchat input {background:#E8E8E8;border:1px solid #DBDBDB;border-left:none;height:42px;width:100%;margin-left:-2px;}  
  .gost {background:#fff;border:1px solid #DBDBDB;padding:5px;border-left:none;text-align:left;margin-left:-3px;padding-bottom:2px;margin-top:-5px;height:50px;font:10px Tahoma;}  
  .op_fon {background:#f7f7f7;border:1px solid #DBDBDB;border-right:1px dotted #ccc;width:40px;height:50px;}  
  .op_fon img {padding-left:5px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}  

  .option {border:1px solid #ccc;height:20px;margin:5px 0;width:175px;padding-top:3px;background:#fff;filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}  
  .option:hover {filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity:1;opacity:1;}  
  .chat {background:#E8E8E8;border:1px solid #DBDBDB;padding:3px 0;font:11px Tahoma;border-top:none;}  
  .cBlock {margin:0px;padding:0px;border:none;}  
  .cMessage {background:#F8F8F8;border:1px solid #DBDBDB;border-top:none;padding:4px;font:11px Tahoma;}  
  /* Мини-чат v1.0 */


Вид материалов:

Code
<div class="cBlock">  
  <div class="chat">  
  <span style="float:right">$TIME$</span>  
  <div style="text-align:left;">  
  <div style="padding-left:7px;"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a></div>  
  </div>  

  </div>  

  <div class="cMessage" style="text-align:left;">$MESSAGE$</div>  

  </div>


Форма добавления сообщения:

Code
<?if($USER_LOGGED_IN$)?>  
  <div class="option">  

  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz4/arrow_refresh_small.png" width="16" height="16"></a>  
  <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz4/emoticon_grin.png" width="16" height="16"></a><?endif?>  
  <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz4/page_code.png" width="16" height="16"></a><?endif?>  
  <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz4/configure.png" width="16" height="16"></a><?endif?>  
  <span style="float:right;"><a href="javascript://" onclick="new _uWnd('myName','Правила',500,200,{autosize:1,maxh:300,minh:100},'тут правила');"><img alt="" src="http://webo4ka.ru/Ucoz4/comment_question.png" width="16" height="16"></a><span>  

  </div>  
  <table class="mchat" cellspacing="0" cellpadding="0">  
  <tr>  
  <td>$FLD_MESSAGE$</td>  
  <td>$SUBMIT$</td>  
  </tr>  

  </table><?else?><br>  
  <table cellspacing="0" cellpadding="0">  
  <tr>  
  <td class="op_fon">  
  <img src="http://rip-ucoz.ru/LESSEON/dialog-warning.png"></td>  
  <td class="gost" valign="top">  
  Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>.  
  </td>  
  </tr>  
  </table>  
  <?endif?>
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://rip-ucoz.ru/
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 5
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: