• Страница 1 из 1
  • 1
Красивый мини чат
Группа: Пользователи
Собщений: 21
Репутация: 8
Наград: 0
Замечания : 0%
# 1 14:35

ФОРМА ДОБАВЛЕНИЯ СООБЩЕНИЯ
Code

<style>    
    .codes {background:#282828;border:1px solid #ccc;border-top:none;width:99%;}    
    </style>    
    <?if($USER_LOGGED_IN$)?>    
    <div class="option">    

    <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://outlawcs.ucoz.ru/css/arrow_cycle.png" width="16" height="16"></a>    
    <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://outlawcs.ucoz.ru/css/smiley-mr-green.png" width="16" height="16"></a><?endif?>    
    <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://outlawcs.ucoz.ru/css/application-xml.png" width="16" height="16"></a><?endif?>    
    <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://outlawcs.ucoz.ru/css/x-office-document.png" width="16" height="16"></a><?endif?>    

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

    </table>    
    <?if($FLD_SECURE$)?>    
    <table class="codes">    
    <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr>    
    </table><?endif?>    
    <?else?><br>    
    <table cellspacing="0" cellpadding="0">    
    <tr>    
    <td class="op_fon">    
    <img src="http://outlawcs.ucoz.ru/css/alert.png" width="28" height="28"></td>    
    <td class="gost" valign="top"><div style="padding-top:5px;"></div>    
    Для добавления сообщения <a href="/index/3">зарегистрируйтесь</a>.    
    </td>    
    </tr>    
    </table>    
    <?endif?>


ВИД МАТЕРИАЛОВ

Code

<div class="cBlock">    
    <div class="chat">    
    <span style="float:right;padding-right:3px;background-color: #3c3c3c;"> $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>


ТАБЛИЦА СТИЛЕЙ (CSS)
Code

/* Стиль чата  */   
.mchat textarea {color:#636363;border:1px solid #555;background:#222;padding-right:5px;}    
.mchat textarea:hover {background:#222;}    
.mchat input {color:#fff;background:#333;border:1px solid #555;border-left:none;height:40px;margin-left:-2px;width:20px;}    
.gost {background:#2c2c2c;border:1px solid #3c3c3c;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:#222;border:1px solid #3c3c3c;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 #555;height:20px;margin:5px 0;width:98%;padding-top:3px;background:#3c3c3c;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:#222;border:1px solid #3c3c3c;padding:3px 0;font:11px Tahoma;border-top:none;}    
.cBlock {margin:0px;padding:0px;border:none;}    
.cMessage {background:#2c2c2c;border:1px solid #3c3c3c;border-top:none;padding:4px;font:11px Tahoma;}   
/* ----- */
  • Страница 1 из 1
  • 1
Поиск: