Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Группы последних тем из отдельных форумов

Предыдущая тема Следующая тема Перейти вниз

Группы последних тем из отдельных форумов

Сообщение автор Dana Domirani в Пт 21 Окт - 4:13

Этот способ позволяет создавать виджеты с группой последних тем из отдельных форумов. Пример можно увидеть здесь: виджет последних тем раздела "Интересные решения".

Инструкция по установке.

Для начала откройте форум, из которого Вы собираетесь выводить последние темы и скопируйте его адрес:


Для примера будет использоваться форум /f5-forum

1. Добавьте в виджет контейнер с уникальным id:
Код:
<div id="newsareal1"></div>
Сохраните. Сюда будет выводится список тем.

2. В ПА > Модули > Управление кодами Javascript (?) создайте новый файл (в настройках укажите "Расположение: на всех страницах") и скопируйте в него скрипт (выберите в соответствии с Вашим движком):

BB2
Код:
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f5-forum div.topictitle:lt(11)");
});
BB3
Код:
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f5-forum div.topic-title-container:lt(11)");
});
Pun
Код:
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f5-forum a.topictitle:lt(11)");
});
IPB
Код:
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f5-forum a.topictitle:lt(11)");
});
где

id блока, в который будут перенесены заголовки тем
краткий адрес форума, из которого будут взяты заголовки тем. Замените его на свой! Вместо адреса f5-forum подставьте краткую ссылку на Ваш под-форум, из которого хотите вывести заголовки тем.

3. Добавьте настройки CSS для оформления ссылок. Для примера (выберите в соответствии с Вашим движком):
BB2
Код:
#newsareal1 div.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
}
#newsareal1 div.topictitle:hover {
background-color: #D8DEDE;
}
#newsareal1 div.topictitle a {
color: #708090 !important;
text-decoration: none !important;
text-shadow: #fff 1px 1px 0px
}
BB3
Код:
#newsareal1 div.topic-title-container {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
}
#newsareal1 div.topic-title-container:hover {
background-color: #D8DEDE;
}
#newsareal1 div.topic-title-container a {
color: #708090 !important;
text-decoration: none !important;
text-shadow: #fff 1px 1px 0px
}
Pun
Код:
#newsareal1 a.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
text-decoration: none !important;
}
#newsareal1 a.topictitle:hover {
background-color: #D8DEDE;
color: #708090 !important;
text-shadow: #fff 1px 1px 0px
}
IPB
Код:
#newsareal1 a.topictitle {
display: block !important;
margin: 2px 1px 0;
padding: 2px 5px 5px 30px;
border: 1px solid #B1BFC0;
border-radius: 5px;
background: #F3F9F9 url('http://i44.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
text-decoration: none !important;
}
#newsareal1 a.topictitle:hover {
background-color: #D8DEDE;
color: #708090 !important;
text-shadow: #fff 1px 1px 0px
}
Спойлер:
Сохраните.

Таким образом, чтобы поставить второй виджет - с последними темами из форума /f12-forum, например - повторите действия:
1. В новый (или прежний) виджет добавьте второй контейнер с новым id:
Код:
<div id="newsareal2"></div>
2. Допишите в первоначальный скрипт строку с указанием id второго контейнера и второго форума, откуда будут взяты ссылки (в примере форум /f12-forum замените на свой!):

Сохраните обновленный скрипт.

3. Добавьте настройки для второго контейнера в CSS (подставив в коде его id!), сохраните.

Если в форуме есть важные темы или общие объявления, которые вы не хотите видеть в виджете:
1. Проверьте, чтобы в ПА > Общие > Сообщения и E-mail Конфигурация > было указано Отделять объявления и важные сообщения от обычных сообщений : таблицей
2. Используйте вот этот вариант скрипта:

BB2
Код:
нет
BB3
Код:
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f13-forum div.announcement + div.forumbg div.topic-title-container:lt(11)");
});
Pun
Код:
jQuery(document).ready(function(){
$("#newsareal1").load("/f6-forum .statused:gt(0) a.topictitle:lt(11)");
});
IPB
Код:
jQuery(document).ready(function(){
jQuery("#newsareal1").load("/f6-forum .ipbtable:gt(0) a.topictitle:lt(11)");
});
Чтобы изменить количество тем в списке - измените цифру в конце строки

Сейчас она указывает, что нужно отображать все ссылки до 11-ой. Подставьте вместо одиннадцати  меньшее или большее число (но не больше, чем общее количество тем, показываемых на одной странице).



Внимание:

  • Ссылки с чужих форумов в виджет на своем форуме так установить нельзя!
  • Если в форуме будет сортировка тем "по дате последнего сообщения", то с добавлением новых сообщений в темах заголовки в виджете тоже будут обновляться - подниматься вверх по списку (т.е. как в стандартном виджете последних тем).
    Если Вы захотите зафиксировать их в хронологическом порядке, то придется изменить и настройки форума, выбрав сортировку "по дате создания темы".


Если у Вас возникнут вопросы, их можно задать в этой теме.



© Данный туториал создан администратором Dana Domirani.  Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22346
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8999

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения