Приветствую Вас, Гость! Регистрация RSS

Портал бесплатных загрузок

Среда, 25.12.2024
загрузка...
Главная » Файлы » Все для uCoz » Скрипты для uCoz
Чат v3 (сверстанный) by_frenki_MALCOV
[ Скачать с сервера (9.2 Kb) ] 23.12.2011, 00:20


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

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

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

<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) после чего идем в управление дизайном - мини чат - форма добавления сообщений и вставляем этот код:
Code

<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) и собственно вставляем сам чат, заходим в настройка дизайна, далее нужный контейнер и в самый верх вставляете чат:
Code

<!-- <block7> -->  
<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>  
<!-- </block7> -->  
<style>  
  .avk{  
  border:1 solid #b2e3ee ;  
  }  
  hr {color:#cccccc;height:1px;border:0;background-color:#cccccc;}  
</style>

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

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

Источник: http://we-place.ru
Категория: Скрипты для uCoz | Добавил: sypremum | Теги: чат
Просмотров: 463 | Загрузок: 103 | Комментарии: 2 | Рейтинг: 5.0/1
Всего комментариев: 2
2 sypremum  
0
ОК сорри! Счас сделаем!

1 by_frenki_MALCOV  
1
Незабываем про источник. http://we-place.ru/

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]