Редко встретишь данный скрипт информер "Новые комментарии в виде мини чата" я его сам когда то искал на свой сайт и с трудом нашёл, но даже после того как я его нашёл то он оказался немного багнутым и не корректно отображался. Но я смог его восстановить и настроить и установил на свой сайт как хотел . После установки скрипта у вас будет точно такой же на вашем сайте.
И так в первую очередь мы создадим информер с такими параметрами!
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 10 · Колонки: 1 ]
Далее в шаблоне информера всё удаляем и ставим новый код который вы можете скопировать ниже.
Код <div class="ChatMess1"> <div class="ChatMesTop2"><div style="float:right;color:#000;">$TIME$ <a href="$PROFILE_URL$" rel="nofollow" rel="nofollow"><img src="http://dimanik.ru/ucoz_importal/exercise-files/images/poclednii_kommenti_info.gif" border="0" style="vertical-align:-1px; margin-right:1px;" /></a></div><?if($USERNAME$)?><a href="$PROFILE_URL$" ><b><font color=fff>$USERNAME$</font></b></a><?else?><a href="$PROFILE_URL$" ><b><font color=fff>$NAME$</font></b></a><?endif?></div> <div style="padding:3px 3px 3px 4px;"><span style="color:#000;">$MESSAGE$</span></div> <div class="ChatMesTop1"><div style="float:right;"><a href="$ENTRY_URL$"><span style="color:#0c3747;"><b>Ответить</b></span></a></div><span style="color:#000;">$DATE$</span></div> </div>
Далее в нужный блок вашего сайта вставляем вот этот код
Код <style>.scroll { width:100%; height:225px; overflow:auto; } .ChatMess1 {border:1px solid #ccc; background:#fff; margin-bottom:3px; -webkit-border-radius:2px 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;} .ChatMesTop2 {border:0px; border-bottom:1px dotted #ccc; padding:3px 3px 3px 4px; background:#f8f8f8; -webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;} .ChatMesTop1 {border:0px; border-top:1px dotted #ccc; padding:3px 3px 3px 4px; background:#f8f8f8; -webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;} </style> <div class="scroll">$MYINF_X$</div>
Во втором коде находим вот это $MYINF_X$ и меняем на свой код информера.
Установка завершена, удачи вам и вашему сайту!
|