Boritanik
| Дата: Вторник, 06.09.2011, 17:57 | Сообщение # 1 |
 Подполковник
Группа: Админ
Сообщений: 148
Награды: 5
Репутация: 68
Статус: Offline
| Создать такой чат очень просто. Для этого необходимо:
1.В панеле управления ктивировать сам модуль чата
2.Затем заходим в панель управления модулем и в настройках добовляем дополнительное поле
3.После чего открываем управление дизайном модуля и входим в Вид материалов чата и меняем его содержимое на следующий код
<body bgcolor="transparent"
leftmargin="0" topmargin="0" background="http://boritanik.ucoz.com/Icon-Chat/Fon.png"
text="#FFFFFF" style="background-attachment: fixed; background-position: top center; background-repeat: no-repeat;">
<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">
<div style="float:right;font-size:8px;" title="$DATE$"><span style="color:#FFCC00">$TIME$</span></div>
<div style="text-align:left;">
<?if($USERNAME$)?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><?if($CUSTOM1$)?><img alt="" src="$CUSTOM1$" border="0" style="vertical-align:-2px"/><?else?><img src="http://boritanik.ucoz.com/Icon-Chat/Button-green.png" width="13" border="0" style="vertical-align:-2px"/><?endif?></a> <?endif?>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='$NAME$, ';return false;"><b><span style="color: rgb(0, 191, 255);">$NAME$</span></b></a>
<?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$">E</a><?endif?>
<?if($SITE$)?> <a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$">W</a><?endif?>
</div>
<div class="cMessage" style="text-align:left;"><span style="color:#faf0e6">$MESSAGE$</span></div>
<?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?>
</div>
4.Затем открываем форму добавления сообщений и там тоже меняем код на следующий
<?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>
<select id="mchatRSel" onchange="setT7174(this);" class="mchat" size="1" title="Включить Автообновление" style="font-size:7pt;color:#002Aff;">
<option value="0">AUTO выкл
</option><option value="15">15 сек</option><option value="30">30 сек</option>
<option value="60">1 мин</option><option value="120">2 мин</option></select>
$FLD_AUTO1UPD$
</td>
<td width="70%" align="right">
<a href="$RELOAD_URI$" title="Обновить"><img alt="Обновить вручную" border="0" align="absmiddle" src="http://boritanik.ucoz.com/Icon-Chat/mcr.gif" width="13" height="15">
</a>
<?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="Вставить смайл" border="0" align="absmiddle" src="http://boritanik.ucoz.com/Icon-Chat/mcsmiles.gif" width="13" height="15"></a><?endif?>
<?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="Включить ВВ коды" border="0" align="absmiddle" src="http://boritanik.ucoz.com/Icon-Chat/mcbody.gif" width="13" height="15"></a><?endif?>
<?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="Редактировать сообщения" border="0" align="absmiddle" src="http://boritanik.ucoz.com/Icon-Chat/mcredict.gif" width="15" height="15"></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?>
<center><LEGEND><B><STRbONG><div style="width:195px;background:url(' /Icon-Chat/Fon.png '); border: #1A15e4 1px solid;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius: 2px;"><center><a onclick="$('#Icons').slideToggle('slow');" href="javascript://">
<div class="statfrof1"><span style="color:#FFFFFF"> <img alt="Открыть или закрыть хранилище Аватаров" src="http://boritanik.ucoz.com/Icon-Chat/Button-green.png"; border="0"</div></a></center></div></STRONG></B></LEGEND>
<div id="Icons" style="display:none;"><div align="left">
<img title="Выбрать иконку сообщения" src="/Icon-Chat/1.png" style="cursor: pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/2.png"style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src=" /Icon-Chat/3.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/4.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/5.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/6.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/7.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/8.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/9.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/10.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/11.png" style="cursor: pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/12.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/13.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/14.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/15.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/16.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/17.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/18.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/19.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/20.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/21.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/22.gif" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/23.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/24.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/25.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/26.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<img title="Выбрать иконку сообщения" src="/Icon-Chat/27.png" style="cursor:pointer" onclick="$('#mchatC1F').val(this.src);" />
<?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?><table border="0" cellpadding="0" cellspacing="0" width="0">
<tr><td width="0">$FLD_CUSTOM1$
</td><td>$FLD_CUSTOM2$
<?endif?>
</td></tr>
</table>
<script type="text/javascript">$('#mchatC1F').hide();</script>
</div></div></center>
<?if($FLD_SECURE$)?>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_SECURE$</td><td align="right" bgcolor ="#00FF00">$IMG_SECURE$</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;">$LENGTH_COUNTER$</div></td>
</tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr>
</table>
<?endif?>
5. Открываем файловый менеджер и создаём папку с названием Icon-Chat
6. Закидываем в неё любые картинки PNG форматом и размером 25х30 ,подписывая их только цифрами от 0 (пример: 1.PNG 10.PNG )
.
Закрываем и любуемся. Пример чата можно посмотреть на главной странице моего сайта.
.
|
| |
| |
