Четверг, 28.03.2024, 13:41

Мой сайт

Скрипты,шаблоны для ucoz


Информер новые комментарии в виде мини чата для uCoz
17.10.2015, 14:02
Редко встретишь данный скрипт информер "Новые комментарии в виде мини чата" я его сам когда то искал на свой сайт и с трудом нашёл, но даже после того как я его нашёл то он оказался немного багнутым и не корректно отображался. Но я смог его восстановить и настроить и установил на свой сайт как хотел . После установки скрипта у вас будет точно такой же на вашем сайте.

И так в первую очередь мы создадим информер с такими параметрами!

[ Комментарии · Материалы · Дата добавления материала 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$ и меняем на свой код информера.

Установка завершена, удачи вам и вашему сайту!
Категория: Скрипты для uCoz | Добавил: Дмитрий
Просмотров: 1054 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
Всего комментариев: 1
-SAM- 16.08.2019 в 05:13 / МатериалСпам
В некоторых случаях будет нужно ограничение длинны текста делать, лучше сделать визуально через CSS:
.ChatMesTop2 + div {overflow-y:hidden; max-height:150px;}
150px - указываем своё значение желаемое.
Если делать подрезку через ПУ (настройка информера) или условным оператором (правка шаблона), то подрезка может попасть на html-элемент, что после получаются незакрытые теги (а это нарушает структуру и ломать может каркас шаблона, контейнера).
0
avatar
Категории раздела
Скрипты для uCoz [188]
Шаблоны для uCoz [80]
Графика для сайта [29]
Программы для сайта [5]
uCoz уроки [19]
Web статьи [4]
VIP работы [3]
Поиск
Вход на сайт
Наш опрос
Хотели бы Вы создать бизнес вместе с Ucoz (Uweb)?
Мини-чат
Друзья сайта
Статистика

Сейчас онлайн: 1
Гостей: 1
Пользователей: 0