Чат v3 (сверстанный) by_frenki_MALCOV - Скрипты Для Ucoz - Ucoz / Скачать Бесплатно - Софтище

И так, вот вчера сверстал свой чат, макет которого выкладывал на днях,приступим.

1) Для начала сделайте бекап сайта, так как когда я его настраивал один раз у меня слетел дизайн, ну это так сказать маленькая предосторожность.

2) Далее заходим в управление дизайном - мини чат - вид материалов и вставляем вот этот код

<table width="100%"><tr><td>
  <a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow" style="text-decoration:none"><font face="Tahoma" color="#13494b" style="font-size: 7pt;" ><b>$NAME$</b></font></a> </td><td ALIGN=RIGHT ><font face="Tahoma" color="#666666" style="font-size: 7pt;" >$TIME$</font></td></tr><tr><td><font face="Tahoma"color="#666666" style="font-size: 7pt;" >$MESSAGE$</font></td></tr></table>
<hr>
<style>
hr {color:#cccccc;height:1px;border:0;background-color:#cccccc;}
</style>

Выделить код в новом окне

3) после чего идем в управление дизайном - мини чат - форма добавления сообщений и вставляем этот код

<div style="margin-top:8px"><table width="100%" border="0" cellpadding="0" cellspacing="0" BGCOLOR="#FFFFFF" height="80"BACKGROUND="/chatfrenki/button.png"><tr><td>


  <div align="center"><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a>Доступ запрещен</div>


<table border="0" cellpadding="1" cellspacing="1" width="100%">
  <tr><td><table border="0" cellpadding="0" cellspacing="0"><tr><td>$FLD_SECURE$</td><td><div style="margin-left:4px">$IMG_SECURE$</div></td></tr></table></td></tr>
</table>


<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>
  <td align="center"><a href="$SMILES_URI$"><img src="/chatfrenki/smile.png"></a></td>
</tr></tr></table>
</td></tr></table></div>

<style>
.mchat {
  height:25px;
}
  #mcSecurImg3{
  height:25px ;
  }
</style>

Выделить код в новом окне

4) и собственно вставляем сам чат, заходим в настройка дизайна, далее нужный контейнер и в самый верх вставляете чат

<table width="100%" border="0" cellpadding="0" cellspacing="0" BGCOLOR="#FFFFFF" height="89"BACKGROUND="/chatfrenki/top.png"><tr><td width="65px"><div style="margin-bottom:9px;margin-left:7px"><img class="avk"class="userAvatar" src="$USER_AVATAR_URL$" width="60px" height="60px"></div></td><td><div style="margin-bottom:13px;margin-left:6px"><font face="Tahoma" color="#176a7e" style="font-size: 12pt;" >$USERNAME$</font>
<div style="display:none" id="statistic">$ONLINE_COUNTER$</div><br>
<font face="Tahoma" color="#176a7e" style="font-size: 7pt;" ><script type="text/javascript">
document.write('<div class="all">'+$(".tOnline").text()+' человек</div>');

  </script></font></div>
</td></tr></table>
<table width="100%" border="0" cellpadding="0" cellspacing="0"BGCOLOR="#FFFFFF"><tr><td>$CHAT_BOX$</td></tr></table>

<style>
  .avk{
  border:1 solid #b2e3ee ;
  }
  hr {color:#cccccc;height:1px;border:0;background-color:#cccccc;}
</style>

Выделить код в новом окне

чат можно ставить и в другое место, главное не в блоки, а между ними.

ну и последнее - закиньте папку chatfrenki в корень сайта. скачиваем ниже
Отправка сообщений осуществляется с помощью комбинации ctrl+enter. И желательнее чат ставить на сайт с широкими блоками, так как с узкими выглядит не очень красиво.
Вот и все, до новых работ, если что то не получается пишите в комментариях, помогу.