• Страница 1 из 1
  • 1
Форум » uCoz » Мини-чат » Красивый светлый мини-чат v1.1 (100% рабочий скрипт)
Красивый светлый мини-чат v1.1
GraF Дата: Четверг, 04.04.2013, 18:10 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для GraF

[spoiler="Скрин"] [/spoiler]

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

Были баги и ошибки с чатом, на данный момент чат полностью функционирует и работает без отказно. Все что на скрине так оно и есть. Единственное на что прошу обротить внимание это на то что мини чат растягивается под любой дизайн.
Тест проводился на разных стандартных шаблонах uCoz.
Автор: Неизвестен, Редактор: Дмитрий

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

Код
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;}


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


Код
<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://gig-pro.ru/load-ucoz/skripts/mini-4at/12/4e2c54ca51e3.png" width="16" height="16"><script src="http://gig-pro.ru/load-ucoz/skripts/mini-4at/12/fynksion.js" type="text/javascript"></script></a>
<a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://gig-pro.ru/load-ucoz/skripts/mini-4at/12/72edfa9af6e5.png" width="16" height="16"></a>
<a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://gig-pro.ru/load-ucoz/skripts/mini-4at/12/bed6fc653a3f.png" width="16" height="16"></a>
<a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://gig-pro.ru/load-ucoz/skripts/mini-4at/12/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>
<?if($GROUP_ID$ = '0')?><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://gig-pro.ru/load-ucoz/skripts/mini-4at/12/messagebox_warning.png" width="24" height="24"></td>
<td class="gost" valign="top">
Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>.
</td>
</tr>
</table><?endif?>


Цитата

Код ниже пихаем в Вид материалов


Код
<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;" id="msg$NUMBER$">$MESSAGE$</div>
</div>
Прикрепления: 1493985.png (24.4 Kb)




Сообщение отредактировал Дмитрий - Пятница, 12.07.2013, 16:11
Форум » uCoz » Мини-чат » Красивый светлый мини-чат v1.1 (100% рабочий скрипт)
  • Страница 1 из 1
  • 1
Поиск: