Довольно-таки простой, но хороший мини Чат. Думаю, он впишется почти в любой дизайн сайта.
Установка:
Заливаем папку minichat в корень сайта. Заходим в Панель управления » Главная » Управление дизайном, находим там Мини чат » Вид материалов и заменяем код Code <table border="0" class="chat_cBlock$PARITY$"> <tr> <td class="chat_time" title="$DATE$">$TIME$</td> <td
class="chat_name"><a title="Вставить в форму"
href="javascript:void('Apply to')"
onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='
[b]$NAME$[/b],';return
false;"><b>$NAME$</b></a></td> <td><a
class="ico_poril" title="Профиль $USERNAME$" href="javascript://"
rel="nofollow"
onclick="window.open('/index/8-$USER_ID$','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=370');return
false;"></a></td> <td><a class="ls"
title="Личное сообщение" href="javascript://" rel="nofollow"
onclick="window.open('/index/14-$USER_ID$-0-1','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=370');return
false;"></a></td> </tr> <tr> <td
colspan="4" class="chat_mes">$MESSAGE$<br>$STR_CUSTOM1$:
$CUSTOM1$<br>$STR_CUSTOM2$: $CUSTOM2$</td> </tr> </table>
Далее идем Панель управления » Главная » Управление дизайном, находим
там Мини чат » Форма добавления сообщений и меняем код на: Code <div id="av"><a href="$LOGIN_LINK$">Авторизуйтесь!</a>Доступ запрещен</div>
<table id="t1"> <tr> <td>Обновление:</td> <td align="right"> <select onchange="setT7174(this);"> <option value="0">Нет</option> <option value="5">5 сек</option> <option value="15">15 сек</option> <option value="30">30 сек</option> <option value="120">2 мин</option> </select> </td> </tr> </table>
<table> <tr> <td id="td1">$LENGTH_COUNTER$</td> <td id="td2"><a class="res" href="$RELOAD_URI$" title="Обновить"></a></td> <td id="td3"><a class="smiles" href="$SMILES_URI$" title="Смайлы"></a></td> <td id="td4"><a class="bb" href="$BBCODES_URI$" title="BB-Коды"></a></td> <td id="td5"><a class="option" href="$MSGCTRL_URI$" title="Редактировать"></a></td> </tr></table>
<table id="t2"> <tr><td colspan="2">$FLD_NAME$</td></tr> <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr> </table>
<table id="t3"> <tr> <td colspan="2">$FLD_MESSAGE$ <table id="t4"> <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr> </table> </td> </tr> <tr> <td><input type="reset" value="Очистить" class="but"></td> <td id="td8"><input type="submit" value="Отправить" class="but"></td> </tr> </table>
Затем замените CSS мини Чата на: Code /* mini-chat vid Realton.3dn.ru*/ #mchatIfm2 {border:1px solid #E3E3E3;} .chat_cBlock2 {border:0px;background:#FCFAFA;width:100%;} .chat_cBlock1 {border:0px;background:#EFEFEF;width:100%;} .chat_time {float:left;font-size:8px;cursor:help;text-align:left;height:16;} .chat_name {text-align:left;width:100%;height:16;text-transform: capitalize;font-family:Courier New;font-size:9pt;} .chat_mes {font-style:italic;text-indent:6px;padding: 0 0 2 0px;} a.ico_poril {cursor:pointer;background: url('/minichat/ico_prof.png');width:17px;height:17px;display:block;} a.ico_poril:hover {background-position: 0 -17px;} a.ls {cursor:pointer;background: url('/minichat/ls.png');width:17px;height:17px;display:block;} a.ls:hover {background-position: 0 -17px;} /* ---- */
/* mini-chat forma Realton.3dn.ru*/ #jeuwu28 {color:#5B5B5B;} select {background:#F0F0F0;color:#000;border:1px solid #B7B7B7;} .mchat {border:1px solid #B7B7B7;}
.but {-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:
3px; background: url('/minichat/button.png');border:1px solid
#B7B7B7;color:#585858;padding: 2px 1px;height:23px;} .but:hover
{background: url('/minichat/button.png'); background-position: 0
-23px;border:1px solid #B7B7B7; color:#585858;padding: 2px 1px;} a.res {background: url('/minichat/reset.png');width:20px;height:20px;display:block;} a.res:hover {background-position: 0 -20px;} a.smiles {background: url('/minichat/smiles.png');width:20px;height:20px;display:block;} a.smiles:hover {background-position: 0 -20px;} a.bb {background: url('/minichat/bb.png');width:20px;height:20px;display:block;} a.bb:hover {background-position: 0 -20px;} a.option {background: url('/minichat/option.png');width:20px;height:20px;display:block;} a.option:hover {background-position: 0 -20px;} #t1 {width:100%;color:#5B5B5B;padding-top:5px;} #t2 {border:0;width:100%;} #t3 {border:0;padding-left:2px;width:100%;} #t4 {border:0;width:100%;text-align:center;} #td1 {padding-top:2px;width:100%;font-size:10px;} #td2 {padding:5 0 3 5px;} #td3 {padding:5 0 3 5px;} #td4 {padding:5 0 3 5px;} #td5 {padding:5 0 3 5px;} #mcSecurImg3 {width:95px;} #td6 {width:50%;} #td7 {width:100%;} #td8 {text-align:right;} #av {text-align:center;} /* ---- */
|