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

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

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

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


Для примера будет использоваться форум /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 запрещается.