Вот решил написать красивый мини-чат, чтоб был оригинальный и в то же время очень удобный) Получился телевизор Смотрится привлекательно, но ставить его лучше на отдельную страницу, потому что он широкий и в блоке будет смотреться криво и растягивать сам блок.
Вид материалов:
Code
<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;color:#fff;">[<span title="$DATE$">$TIME$</span>] <a href="$PROFILE_URL$" title="$USERNAME$"><img src="http://trane73.ru/demo/chat_ucozon/edit_user.png" border="0" style="vertical-align:-2px"/></a> <a href="javascript:void('Ответить пользователю $NAME$')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b]: ';return false;"><b>$NAME$</b></a>: $MESSAGE$</div><style type="text/css">a:hover {color:yellow;}</style>
Форма добавления:
Code
<div style="border-top:1px solid #333;"><?if(!$CAN_ADD$)?><div align="center" style="padding-top:15px;font-size:15pt;"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?><table border="0" cellpadding="1" cellspacing="1" width="100%"><tr><td> <a href="$RELOAD_URI$" title="Обновить"><img border="0" src="http://trane73.ru/demo/chat_ucozon/reload_all_tabs.png"></a> <a href="$SMILES_URI$" title="Смайлы"><img border="0" src="http://trane73.ru/demo/chat_ucozon/emoticon_wink.png"></a> <a href="$MSGCTRL_URI$" title="Модерирование"><img border="0" src="http://trane73.ru/demo/chat_ucozon/email_delete.png"></a> Осталось символов: $LENGTH_COUNTER$</td><td width="30%" align="right">$FLD_AUTOUPD$</td></tr></table><table border="0" cellpadding="1" cellspacing="1" width="100%"><tr><td width="85%"><input name="mcmessage" id="mchatMsgF" onkeyup="countMessLength();" style="height:19px;width:400px;background:url('/.s/img/wd/6/text-bg.gif') repeat-x;border:0;"></td><td><input type="submit" value="Отправить" id="mchatBtn" style="width:100px;"><img style="display:none;" id="mchatAjax" src="http://s44.ucoz.net/img/fr/ajax3.gif" border="0"/></td></tr></table><?endif?></div>
На отдельную страницу, где будете ставить чат:
Code
<center><div class="mychat">$CHAT_BOX$</div></center> <style type="text/css"> .mychat {width: 507px;height:419px;padding:22px;background:url('http://trane73.ru/demo/chat_ucozon/fonchata.png');color:#ffffff;} #mchatIfm2 {height:255px !important;} </style>
Живой пример тут:
P.S.: этот чат сначала писался для конкурса uCozOn, но теперь я передумал и решил сделать другой, ну а этот выложить)
Автор: TRANE73 [spoiler]
Автор\Источник: trane73.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.