Красивый тёмный мини чат для сайта с отдельной полосой для прокрутки чата


Красивый тёмный мини чат для сайта с отдельной полосой для прокру...

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






Установка

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

Code
<div class="ChatMess">  
  <div class="ChatMesTop"><div style="float:right; color:darkGray;">$TIME$ <a href="$PROFILE_URL$"  
  rel="nofollow" rel="nofollow"><img src="http://webo4ka.ru/Ucoz6/info_mchat.gif" border="0" style="vertical-align:-1px; margin-right:1px;" alt="мини-чат" /></a></div><a href="javascript:void('Apply to')" style="color:#darkGray;" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;"><b>$NAME$</b></a></div>  
  <div style="padding:3px 3px 3px 4px;">$MESSAGE$</div>  
  </div>  
   
  <style> #body{}  
  ::-webkit-scrollbar  
  {  
  width: 9px;  
  height: 9px;  
  }  
  ::-webkit-scrollbar-track-piece  
  {  
  background-color: #363636;  
  -webkit-border-radius: 2px;  
  }  
  ::-webkit-scrollbar-thumb:vertical  
  {  
  height: 5px;  
  background-color: #666;  
  -webkit-border-radius: 2px;  
  }  
  ::-webkit-scrollbar-thumb:horizontal  
  {  
  width: 5px;  
  background-color: #666;  
  -webkit-border-radius: 2px;  
  }  
  .ChatMess {border:1px solid #363636; background:#darkGray; margin-top:5px; -webkit-border-radius:2px  
  2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}  
  .ChatMesTop {border:0px; border-bottom:1px dotted #363636; padding:3px 3px 3px 4px;  
  background:#363636; -webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;}  
  </style>


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

Code
<?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 width="70%" align="right">  
  <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz6/obnovit_mchat.png" width="13" height="15"></a>  
  <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz6/smajly_mchat.png" width="13" height="15"></a><?endif?>  
  <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz6/bbkode_mchat.png" width="13" height="15"></a><?endif?>  
  <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://webo4ka.ru/Ucoz6/upravlenie_mini-chatom_mchat.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 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">$FLD_MESSAGE$</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?>
Автор публикации: Загрузка
Загрузка
CSIL, это его n материал
Источник: http://www.cssklub.at.ua
  • Всего комментариев: 4

Jet_Shark
0
Jet_Shark написал: Написано 02 Апреля 2013 в 21:52
Комментарий №4
Хороший Мини-Чат. Поставил, юзаю, спасибо.

BALCETUL
0
BALCETUL написал: Написано 11 Июля 2012 в 16:55
Комментарий №3
Не очень слишком по старинке!

FAKIR
0
FAKIR написал: Написано 11 Июля 2012 в 12:15
Комментарий №2
Не работает прокрутка!

CSIL
-1
CSIL написал: Написано 10 Июля 2012 в 22:22
Комментарий №1
скрин испортил формат gif вот норм скрин http://s005.radikal.ru/i211/1207/bf/229e2c2c9380.png

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 2
    Гостей: 1
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: