Главная » 2012 » Март » 16 » Скрипты uCoz: Чат v3 (сверстанный)
17:45 Скрипты uCoz: Чат v3 (сверстанный) | ||||||||||||
Чат v3 (сверстанный)Советуем посмотреть: src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> И так, вот вчера сверстал свой чат, макет которого выкладывал на днях,приступим.  1) Для начала сделайте бекап сайта, так как когда я его настраивал один раз у меня слетел дизайн, ну это так сказать маленькая предосторожность. 2) Далее заходим в управление дизайном - мини чат - вид материалов и вставляем вот этот код Code <table width="100%"><tr><td> <?if($USERNAME$)?><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> <?endif?></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> <?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?> <?if($FLD_SECURE$)?> <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> <?endif?> <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><?endif?> 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. И желательнее чат ставить на сайт с широкими блоками, так как с узкими выглядит не очень красиво. Вот и все, до новых работ, если что то не получается пишите в комментариях, помогу. Материал взят с сайта infoscript.ru Теги: Скачать Чат v3 (сверстанный)
| ||||||||||||