Список подфорумов

Как сделать в катигории ссылки подфорумов? Желательно списком

Вариант для bb2

1. Создайте категорию. Создайте в ней несколько подфорумов.


2. В ПА > Оформление > Структура и иерархия укажите Отделять категории в оглавлении форума : полный и сохраните настройку.

3. Здесь же, в ПА > Оформление > Структура и иерархия укажите Ссылки на подфорумы : да и сохраните настройку.

Теперь категория должна выглядеть так (в ней должны отображаться ссылки на подфорумы):


4. Откройте шаблон index_box (Главная страница - показ категорий)

Найдите строку

Код:

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

и замените на

Код:

<div class="introforum">
<div class="top">Список подфорумов</div>
<div class="listin">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div></div>

Сохраните и опубликуйте (!) шаблон.


5. Добавьте в Па > Оформление > Цвета > Каскадная таблица стилей CSS

Код:

.introforum {
position:relative;
}

/* кнопка Список подфорумов */
.introforum .top {
display: block;
height: 20px;
width:  130px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
line-height: 20px;
padding-left: 25px;
margin: 5px 0;
background: #EDEDED url(http://i70.servimg.com/u/f70/17/37/83/89/plus10.png) no-repeat 5px 50%;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
}

/* кнопка Список подфорумов при наведении */
.introforum .top:hover {
color: #000;
cursor: pointer;
}

/* список ссылок на подфорумы */
.introforum .listin {
display: none;
position:absolute;
font-size: 0 !important;
padding: 3px;
margin: 1px 3px 5px 0;
background-color: #EDEDED;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
-webkit-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5);
z-index: 1000 !important;
}

.introforum .listin:empty {
display: none !important;
}

/* ссылки на подфорумы */
.introforum .listin a {
display: block;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
text-decoration: none !important;
font-weight: normal !important;
color: #000 !important;
}

/* ссылки на подфорумы при наведении */
.introforum .listin a:hover {
background-color: #D1D7DC;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

Сохраните. И проверьте: в строке "Оптимизировать вашу CSS" должно стоять "нет".

6. В ПА > Модули > Управление кодами JS укажите Активировать управление кодами JS : да
Создайте новый файл и заполните следующим образом:
Название: любое, например, подфорумы
Расположение: на всех страницах
Код:

Код:

jQuery(document).ready(function(){

jQuery('.introforum .top').click(function(){
      jQuery(this).parent().children('div.listin').slideToggle("fast");
      return false;
    });

jQuery(document).click(function(event) {
    if (jQuery(event.target).closest(".listin").length) return;
    jQuery(".listin").hide();
    event.stopPropagation();
  });

});

И сохраните.

В результате должно получиться следующее: