До нажатия (мини-чат свёрнут) :
После нажатия:
Установка:
Мини чат
Вид материалов:
Code
<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px; font-size:12pt; border:1px solid #dedede">
<div style="float:right;font-size:10pt;" title="$DATE$">$TIME$</div>
<div style="text-align:left;font-size:10pt;">
<?if($USERNAME$)?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="http://s23.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a> <?endif?>
<a href="$PROFILE_URL$" target="_blank"><b>$NAME$</b></a>
<?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$"><img border="0" align="absmiddle" src="http://s23.ucoz.net/t/888/e.gif"></a><?endif?>
<?if($SITE$)?> <a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$"><img border="0" align="absmiddle" src="http://s23.ucoz.net/t/888/h.gif"></a><?endif?>
</div>
<div class="cMessage" style="text-align:left;font-size:10pt;">$MESSAGE$</div>
<?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?>
<?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?>
</div>
Форма добавления сообщений:
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$">Обновить</a>
<?if($SMILES_URI$)?> <a href="$SMILES_URI$"></a><?endif?>
<?if($MSGCTRL_URI$)?>| <a href="$MSGCTRL_URI$">Редактор</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="200">
<tr><td>$IMG_SECURE$</td><td><nobr>Код*: $FLD_SECURE$</nobr></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;"><font color="#646464">$LENGTH_COUNTER$</font></div></td>
</tr><tr><td align="center" valign="bottom">
<div style="width: 30px;"><input value="+" class="mchat" id="mchatBtn" style="width: 30px;" type="submit"><img style="display: none;" id="mchatAjax" src="http://yraaa.ru/ajax/ajsml.gif" border="0" height="16" width="16"></div></td></tr></table>
<?endif?>
Куда хотим между
Code
<style>
.yraAgent {border:1px solid #646464;border-bottom:0;background:#dedede url('');right:25px;bottom:0px;position:absolute;background-position:0 0;position:fixed;padding:5px;cursor:pointer;color:black;text-decoration:none}
.yraAgent:hover {background:#ffffff;color:black;text-decoration:none}
.agentBody {border:1px solid #646464;border-bottom:0;background:#ffffff;right:25px;bottom:0px;position:absolute;background-position:0 0;position:fixed;width:290px;}
.pointer {cursor:pointer}
.closeYraaaAgent {padding:4px;display:block;background:#254b6f url('/img/blue.gif');color:#FFFFFF;border-bottom:1px solid #646464;text-decoration:none;font-weight:bold}
.closeYraaaAgent:hover {padding:4px;display:block;background:orange url('/img/orange.gif');color:#FFFFFF;border-bottom:1px solid #646464;text-decoration:none}
</style>
<script>function agentPlay() {$('.yraAgent').toggle('fast'); $('.agentBody').slideToggle('fast')}</script>
<a class="yraAgent" id="AgentStart" onclick="agentPlay()">
<img src="http://yraaa.ru/img/on_agent.png"> Чат-агент
</a>
<div class="agentBody" id="Agent" style="display:none">
<a href="javascript:;" onclick="agentPlay()" class="closeYraaaAgent">Закрыть</a>
<?if($USER_LOGGED_IN$)?><?if($USER_AVATAR_URL$)?>$CHAT_BOX$<?else?>Фото не установлено! Вы не можете писать в агенте.<?endif?><?else?>Необходимо зарегистрироваться или выполнить вход!<?endif?>
</div>
<!--[if IE]>
<style type="text/css">
#AgentStart {position:absolute}
#Agent {position:absolute;}
</style>
<![endif]-->