Скрипт новостей, как в социальных сетях для uCoz
Совсем недавно один из пользователей нашего сайта написал скрипт новостей, как в социальных сетях для uCoz! Для Системы ucoz думаю это не большой прорыв, ибо раньше подобного не было.
Установка!
1. Создаем необходимые информеры. В этой версии шаблон информера может быть абсолютно любым. Настройки тоже не имеют значения. Стили тоже пишем на свое усмотрение. Если вы решили не изменять настройки, то в шаблоне информера не забывайте оборачивать дату и время в специальный элемент
И не стоит забывать про "Элемент самой записи" т.е. конечный вид должен быть похож на
2. Теперь вставляем этот код перед </body> на той странице, где будут лента активности, как в социальных сетях
3. Ну и собственно сам код этой самой ленты
Если хотите, чтобы выводились все записи, удалите slice.
Если вдруг вам не нужно будет чтобы показывались все новости, удалите slice.
Установка!
1. Создаем необходимые информеры. В этой версии шаблон информера может быть абсолютно любым. Настройки тоже не имеют значения. Стили тоже пишем на свое усмотрение. Если вы решили не изменять настройки, то в шаблоне информера не забывайте оборачивать дату и время в специальный элемент
Код
<div class="pull-right">$DATE$ в $TIME$</div>
И не стоит забывать про "Элемент самой записи" т.е. конечный вид должен быть похож на
Код
<div class="list-group-item">
Тут что-то вроде $USERNAME$ сделал такое-то действие ну или кто на что горазд
<div class="pull-right">$DATE$ в $TIME$</div>
</div>
Тут что-то вроде $USERNAME$ сделал такое-то действие ну или кто на что горазд
<div class="pull-right">$DATE$ в $TIME$</div>
</div>
2. Теперь вставляем этот код перед </body> на той странице, где будут лента активности, как в социальных сетях
Код
<script>$.getScript('http://uwebo4ka.3dn.ru/scripts/lenta/jquery.feed.js');</script>
3. Ну и собственно сам код этой самой ленты
Код
<div class="feed">
$MYINF_1$
$MYINF_2$
$MYINF_3$
$MYINF_4$
$MYINF_5$
</div>
<script>
$('.feed').feed({
slice: 10, // Количество записей в ленте
item: $('.list-group-item'), // Элемент самой записи
date: $('.pull-right') // Элемент, в котором указаны дата и время
}, function() {
// Функция выполняющаяся после вывода ленты.
});
</script>
$MYINF_1$
$MYINF_2$
$MYINF_3$
$MYINF_4$
$MYINF_5$
</div>
<script>
$('.feed').feed({
slice: 10, // Количество записей в ленте
item: $('.list-group-item'), // Элемент самой записи
date: $('.pull-right') // Элемент, в котором указаны дата и время
}, function() {
// Функция выполняющаяся после вывода ленты.
});
</script>
Если хотите, чтобы выводились все записи, удалите slice.
Если вдруг вам не нужно будет чтобы показывались все новости, удалите slice.
О материале:
Дата добавления: 20.08.2013 в 22:36
Материал просмотрен: 725 раз
Категория: Скрипты и модификации для uCoz
Оставлены: 0 комментария
Рейтинг материала
По мнению пользователей
0.0
Поделиться
Комментарии
0 комментариев
Навигация
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Онлайн никого нет