Групирование подфорумов в 2 столбца

автор Смех Сентябрь 15th 2011, 18:14

Собственно что мне нужно: сделать подфорумы в 2 столбца.
Собственно у меня сейчас:

Групирование подфорумов в 2 столбца 1zxwlyx

А вот то, что я хочу:

Групирование подфорумов в 2 столбца 2e6aaoj

Это вообще возможно?

подфорумы в 2 столбца

Самое простое — вставить в описание категории / форума таблицу на две ячейки и вручную вбить в них ссылки на подфорумы.

автор Смех Сентябрь 16th 2011, 16:44

А через ЦСС ни как? Можно запутаться...тем более если в последствии нужно будет что-то там менять.... unknown

Можно попробовать оформить ссылки на подфорумы в список и разделить этот список на две (или более) колонки. Но от стандартных иконок возле подфорумов придется отказаться.

автор Смех Сентябрь 16th 2011, 17:26

Эта идея мне нравится намного больше!

Допустим, у вас вот такой форум и в нем некоторое число подфорумов (в примере — 6)

Групирование подфорумов в 2 столбца Image_30

1. В ПА > Оформление > Главная - Структура и иерархия укажите

Отделять категории в оглавлении форума : средний

Ссылки на подфорумы : Да

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

Код:: {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

на

Код:: <div class="podforum">{catrow.forumrow.LINKS}</div>

Сохраните и опубликуйте измененный шаблон кнопкой "Опубликовать".

3. У Вас получится строка из ссылок на подфорумы.

Групирование подфорумов в 2 столбца Image_31

Групирование подфорумов в 2 столбца Image_31

Чтобы превратить ее в список, разбитый на две колонки, добавьте в 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); }