Дополнения к дизайну

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Дополнения к дизайну (Добавляем пожелания к функционалу и дизайну сайта)

Дополнения к дизайну

Prosvetekvator1952

Дата: Воскресенье, 25.03.2018, 14:11 | Сообщение # 1

Рядовой

Группа: Пользователи

Сообщений: 13

Награды: 0

Репутация: 0

Статус: Offline

День добрый! В этой теме хотел бы видеть все пожелания пользователей сайта Radiodom.org - косаемые функциональности, дизайна, информативности, технических проблем. Я конечно не бог юкоза, но когда то давно занимался на этой платформе.

Начать бы хотел с оповещения о новом сообщении, далее пишу инструкцию для Андрея:

Заходим: Панель управления > Дизайн > Управление дизайном(шаблоны) > Глобальные блоки > Нижняя часть сайта

В самый низ вставляем код:

Код

<?if($USER_LOGGED_IN$)?>
<script type="text/javascript">
var no_ava = '/noavatar.jpeg';
$.getScript('/ls-new.js');
</script>
<style>
#snewmes {display: none;}
.ls {color:#ffffff; text-decoration:none; font:11px Tahoma;word-wrap: break-word;}
.ls:hover {color:#FDFDFD; text-decoration:none; font:11px Tahoma;word-wrap: break-word;}
.uContent{margin-bottom:10px;margin-right:10px; width:250px; background:url(/fon85.png); padding:7px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);}
div.uPm-close {width:18px;height:18px;background:url(/krest57.png) no-repeat;}
div.uPm-close:hover {background-position:0px -18px;}</style>
<div id="soundson"> </div><?endif?>

Не забываем сохранить!

Далее, чтобы наш скрипт заработал, нужно загрузить в файловый менеджер несколько файлов из прикрепленного архива. В общем то это все действия которые нужно было сделать. Пишите свои пожелания, следующий апгрейту будет подвержен чат, если конечно Андрей и пользователи будут не против.

Прикрепления: Ls.rar (19.4 Kb)

Andrew

Дата: Воскресенье, 25.03.2018, 15:40 | Сообщение # 2

Генералиссимус

Группа: Администраторы

Сообщений: 7540

Награды: 17

Репутация: 86

Статус: Offline

Нет нижней части сайта ,только верхняя и первый контейнер.

что делает этот скрипт?

Prosvetekvator1952

Дата: Воскресенье, 25.03.2018, 21:32 | Сообщение # 3

Рядовой

Группа: Пользователи

Сообщений: 13

Награды: 0

Репутация: 0

Статус: Offline

Цитата Andrew (

)

что делает этот скрипт?

этот скрипт выводит в левом нижнем углу окошко и подает звуковой сигнал если у вас новое сообщение.

Его можно поставить в верхнюю часть сайта или любой другой блок

Добавлено (25.03.2018, 21:32)
---------------------------------------------
Обновление чата после добавления сообщения

Уникальность скрипта заключается в автоматическом обновлении чата только после того, как любой пользователь оставит в нем сообщение. Скрипт не грузит систему и не тратит ваш трафик если никто не пишет в чате.

Установка:
Заходим в ПУ > Мини-чат > Вид материалов и находим

Код

<div class="cMessage" style="text-align:left;">$MESSAGE$</div>

Заменяем на:

Код

<div class="cMessage" style="text-align:left;" id="msg$NUMBER$">$MESSAGE$</div>

Там где выводится мини чат находим:

Код

$CHAT_BOX$

Меняем на:

Код

<div id="msg1" style="display:none"></div>
  <div id="msg2" style="display:none"></div>
  $CHAT_BOX$
  <script>
function check() {
  $("#msg2").load("/mchat #msg1");
  setTimeout('if($("#msg2").html()!=$("#msg1").html())'
  +'{document.getElementById("mchatIfm2").src="/mchat/?"+Math.random();'
  +'$("#msg1").html($("#msg2").html());}',200);}

  $("#msg1").load("/mchat #msg1");
  $("#msg2").load("/mchat #msg1");
  setInterval('check()',350);
  </script>

Теперь новые сообщения будут сами подгружаться

Дополнения к дизайну (Добавляем пожелания к функционалу и дизайну сайта)

Страница 1 из 1
1