« Цветной информер Лента активности на сайте для uCoz »

Описание материала:

Красивый, цветной и в тоже время удобный, информер "Лента активности" на вашем сайте, для системы uCoz. В данную ленту, входит аж четыре информера модулей, такие как - Пользователи, Комментария, Каталог файлов, Форум. Под каждый модуль свой цвет(пользователи - бирюзовый, комментария - фиолетовый, каталог файлов - розовый, форум - оранжевый). Данная лента очень проста в установке и не потребует даже скачивания.

Установка:
1. Заходим в ПУ - Информеры и создаем информер с такими параметрами - [ Пользователи · Материалы · Дата регистрации D · Материалы: 2 · Колонки: 1 ], далее заменяем имеющий код на этот:

Код
<div class="feed-item" style="background:#99FFC2;">Приветствуем нового пользователя: <a href="$PROFILE_URL$">$USERNAME$</a>  
<span class="feed-date" style="background:border-radius: 4px;"> $REG_DATE$ в $REG_TIME$ </span></div>

2. Заходим в ПУ - Информеры и создаем информер с такими параметрами - [ Комментарии · Материалы · Дата добавления материала D · Материалы: 2 · Колонки: 1 ], далее заменяем имеющий код на этот:
Код
<div class="feed-item" style="background:#99A9CC;">  
<a href="$PROFILE_URL$"><?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?></a> прокомментировал(а) <a href="$ENTRY_URL$#$NAME$"><?substr($ENTRY_TITLE$,0,20)?>...</a>  
<span class="feed-date" style="background:border-radius: 4px;"> $DATE$ в $TIME$ </span>  
</div>

3. Заходим в ПУ - Информеры и создаем информер с такими параметрами - [ Каталог файлов · Материалы · Дата добавления материала D · Материалы: 2 · Колонки: 1 ], далее заменяем имеющий код на этот:
Код
<div class="feed-item" style="background:#D4A1A1;"><a href="$PROFILE_URL$">$USERNAME$</a> добавил(а) материал: <a href="$ENTRY_URL$"><?substr($TITLE$,0,20)?>...</a>  
<span class="feed-date" style="background:border-radius: 4px;"> $DATE$ в $TIME$ </span></div>

4. Заходим в ПУ - Информеры и создаем информер с такими параметрами - [ Форум · Материалы · Последние обновленные темы · Материалы: 2 · Колонки: 1 ], далее заменяем имеющий код на этот:
Код
<div class="feed-item" style="background:#FFC966;"><a href="">$POST_USER$</a> добавил(а) пост в теме: <a href="$LAST_POST_URL$"><?substr($THREAD_TITLE$,0,20)?>...</a>  
<span class="feed-date" style="background:border-radius: 4px;"> $DATE$ в $TIME$ </span></div>

5. Заходим в ПУ - Управление дизайном и ставим данный код туда где хотите видеть ленту:
Код
<div id="feed"> $MYINF_1$ $MYINF_2$ $MYINF_5$ $MYINF_4$</div> <script type="text/javascript"> function parseDate(input) { var parts = input.match(/(\d+)/g); return new Date(parts[2],parts[1]-1,parts[0],parts[3]-1,parts[4]-1,Math.random()).getTime(); } $(document).ready(function() { var elems = $.makeArray($('#feed .feed-item')); elems.sort(function(a, b) { if (parseDate($(a).find('.feed-date').text()) > parseDate($(b).find('.feed-date').text())) return -1; if (parseDate($(a).find('.feed-date').text()) < parseDate($(b).find('.feed-date').text())) return 1; return 0; }); $('#feed').html(elems); }); </script>  
<style>  
.feed-item {font:12px Arial,sans-serif;margin:5px 0;padding:18px 10px;border:1px solid #DEDEDE;border-radius: 4px;}  
.feed-date {float:right;}  
.feed-item a {height:17px; color:#24615E; text-shadow:0 0 1px #9b9b9b;font-weight:700;}  
.feed-item:hover {background:#EFEFEF;padding-left:12px;}  
.feed-item:hover a {}  
</style>

6. В последнем коде находим $MYINF_1$(Пользователи), $MYINF_2$(Комментарии), $MYINF_5$(Каталог файлов), $MYINF_4$(Форум), и заменяем на свои информеры.

Готова!


Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Информеры для uCoz | Просмотров: 716


Поделиться в соц. сетях:
Комментариев к материалу: 3
эх вот только не обновляется никак
0
Виктор Ягодин 11.02.2016 в 15:44
Я проверял на тестовом сайте, все работало)
0
АГОНЬ!
0
avatar