Информер последних сообщений форума 2.0 by Apocalypse для uCoz
Установка:
1#: Для начала создаём информер следующего вида:
[ Форум · Материалы · Последние обновленные темы · Материалы: 10 · Колонки: 1 ]
2#: В самый низ вашего CSS вставляйте:
|
1 2 3 4 5 6 |
.tds1 {background:#555;border-radius:5px 0 0 5px;padding:2px;box-shadow:1px 1px 3px #888;} .tds2 {background:#555;padding:2px;box-shadow:1px 1px 2px #777;box-shadow:1px 1px 3px #888;} .tds21 {background:#656565;padding:2px;} .tds22 {background:#656565;padding:2px;} .tds3 {background:#555;border-radius:0 5px 5px 0;padding:2px;box-shadow:1px 1px 3px #888;} .mtb {margin-top:3px;opacity:0.8;position:relative;z-index:20;} |
3#: В шаблоне информера заменяем всё на:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<style> .mainblocker$NUMBER$ {background:#444;box-shadow:1px 1px 3px #222;border:3px solid #555;border-radius:3px;position:absolute;margin-left:97px;margin-top:-21px;;padding:2px;min-width:300px;} </style> <table class="mtb" height="20px" cellspacing="0"> <tr> <td width="20px" class="tds1" align="center"> $NUMBER$ </td> <td width="5px" class="tds21" align="center"> </td> <td title="Оставил последнее сообщение" width="100px" class="tds2" align="center"> $POST_USER$ </td> <td width="5px" class="tds22" align="center"> </td> <td width="80px" class="tds3"> <a href="$LAST_POST_URL$"><img width="16px" border="0" src="/images/informer/forum-inf.png" title="Название форума: $THREAD_TITLE$ [Клик для перехода в тему]" /></a> <img width="16px" border="0" src="/images/informer/nu-inf.png" title="Тема создана: $DATE$, $WDAY$ в $TIME$" /> <img width="16px" border="0" src="/images/informer/bu-inf.png" title="Всего ответов: $REPLIES$" /> <a href="javascript://"><img width="16px" border="0" src="/images/informer/lc-inf.png" class="im1" id="licon$NUMBER$" title="Подгрузить последнее сообщение [$THREAD_TITLE$]" /></a> </td> </tr> </table> <script> $('img#licon$NUMBER$').toggle(function() { $('.im1').fadeOut(300); $('img#licon$NUMBER$').fadeIn(300); $(this).before('<div class="mainblocker$NUMBER$" id="lhere$NUMBER$"><center><img height="12px" src="/images/loading.gif" /></center></div>'); $('div#lhere$NUMBER$').load('$LAST_POST_URL$ #test:last', function () { this.innerHTML = this.innerHTML.slice(0, 500); $('div#lhere$NUMBER$').append('<span title="Сообщение может быть обрезано">...</span>'); }); }, function() { $('div#lhere$NUMBER$').fadeOut(500); $('.im1').fadeIn(300); }); </script> |
4#: В виде материалов форума замените $MESSAGE$ на:
|
1 |
<span id="test">$MESSAGE$</span> |
5#: Осталось лишь в нужное вам место пометить код получившегося информера (У меня это, к примеру, $MYINF_8$) Все картинки из прикреплённого архива залейте в папку images
Автор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
Все сделал как Вы описали но что-то не работает к сожалению.Ставлю код информера как вы указали но он смотрится на сайте потом сразу так http://5.firepic.org/5/images/2016-01/06/mexatixf0ek9.png
В описании установки была ошибка. Исправлено
Есть ли возможность отображать исключительно текст, без картинок?
Да, конечно! Нужно в коде заменить участок:
this.innerHTML = this.innerHTML.slice(0, 500);
На:
this.innerHTML = this.innerText.slice(0,500);
Демка: http://codepen.io/Imapo/pen/yOwwKp