Допустим, у вас вот такой форум и в нем некоторое число подфорумов (в примере — 6)
1. В
ПА > Оформление > Главная - Структура и иерархия укажите
Отделять категории в оглавлении форума : среднийСсылки на подфорумы : Да2. В шаблоне
index_box (Главная страница - показ категорий) замените
- Код:
-
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
на
- Код:
-
<div class="podforum">{catrow.forumrow.LINKS}</div>
Сохраните и опубликуйте измененный шаблон кнопкой "Опубликовать".
3. У Вас получится строка из ссылок на подфорумы.
Чтобы превратить ее в список, разбитый на две колонки, добавьте в CSS следующий код:
- Код:
-
.podforum {
-webkit-column-width: 150px;
-moz-column-width: 150px;
column-width: 150px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
font-size: 0px;
padding-top: 10px;
counter-reset: a;
}
.podforum a {
display: block;
font-size: 12px;
padding: 5px 0;
position: relative;
left: 1.5em;
padding-left: 1em;
background: #d7e3f3;
text-decoration: none;
}
.podforum a:before {
padding: 5px 0;
position: absolute;
top: 0;
bottom: 0;
left: -1.5em;
width: 1.875em;
text-align: center;
color: white;
font-weight: bold;
background: #1f537b;
border-bottom-left-radius: 70em;
border-top-left-radius: 70em;
counter-increment: a;
content: counter(a);
}
И сохраните.
Результат должен быть следующим: