Подфорумы в столбик

[fortek]

Не знаю в какой из разделов надо было написать. Но в любом случае может кому-нибудь пригодиться.

Вывод подфорумов(подразделов) в 1 столбик.

Идем в Админка--->Внешний вид---> Управление стилями--->IP.Board(стандартная тема)--->Управление шаблонами и CSS. Далее "Список форумов" ---> boardIndexTemplate

Ищем:

<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">

<if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if>

<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$__data[1]}'>{$__data[1]}</a><if test="isNotLast:|: empty($__data[4] )">,</if>

</li>

</foreach>

Заменяем на:

<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">

<if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else /><li></if>

<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$__data[1]}'>{$__data[1]}</a><if test="isNotLast:|: empty($__data[4] )">,</if>

</li>

<br />

</foreach>

У кого будут какие предложения как сделать в 2 столбика и как убрать запятые?

[ttindex]

а как сделать в 3 столбика?

[€ mylipetsk]

У кого будут какие предложения как сделать в 2 столбика и как убрать запятые?

Полностью солидарен с автором темы. Нужно сделать подфорумы в два столбика и не только на главной странице форума, но и вид на подфорумы из самой категории.

[ziga-ziga]

Убрать запятую
 
 

<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
<if test="showSubForumsLit:|__data[3]"><li class='unread'><else /><li></if>
<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$__data[1]}'>{$__data[1]}</a><if test="isNotLast:|: empty($__data[4] )">,</if>
</li>
<br />
</foreach>

Удалить ее с кода, выделено красным. Как в 2 столбика тоже интересует

Изменено 21 марта, 2013 пользователем ziga-ziga

[z645]

В 2 столбика. Пример с XenForo

 

<div class="subForumsMenu">
				<ol class="secondaryContent blockLinksList">
				
					<li class="node forum level-n node_492">
	<span class="dot"></span>
	<div class="unread">
		<h4 class="nodeTitle"><a href="forums/492/" class="menuRow">Водоотведение, ливневка и дренаж</a></h4>
	</div>
	
</li>
				
					<li class="node forum level-n node_493">
	<span class="dot"></span>
	<div class="unread">
		<h4 class="nodeTitle"><a href="forums/493/" class="menuRow">Самостоятельно сделанные ЛОС</a></h4>
	</div>
	
</li>
				
					<li class="node forum level-n node_494">
	<span class="dot"></span>
	<div class="unread">
		<h4 class="nodeTitle"><a href="forums/494/" class="menuRow">Аэрационные установки</a></h4>
	</div>
	
</li>
				
					<li class="node forum level-n node_495">
	<span class="dot"></span>
	<div class="unread">
		<h4 class="nodeTitle"><a href="forums/495/" class="menuRow">Септики</a></h4>
	</div>
	
</li>
				
					<li class="node forum level-n node_496">
	<span class="dot"></span>
	<div class="unread">
		<h4 class="nodeTitle"><a href="forums/496/" class="menuRow">Биотуалеты, коммуникации, расположение ЛОС</a></h4>
	</div>
	
</li>
				
				</ol>
			</div>

.subForumsMenu ol li {
    width: 50%;
    position: relative;
    float: left;
}

Как видно, ничего сложного.

[demidof]

В версии 4 подскажите как изменить

нет там boardIndexTemplate

[Froust95]

23 минуты назад, demidof сказал:

В версии 4 подскажите как изменить

нет там boardIndexTemplate

Для 4 версии делаем там

Вставить в custom.css

.ipsDataItem_subList{ overflow: hidden; }
 
        html[dir="ltr"] .ipsApp .ipsDataItem_subList,
        html[dir="rtl"] .ipsApp .ipsDataItem_subList{
            background: none;
            line-height: 220%;
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-bottom: 4px;
        }
        
        .ipsDataItem_subList li{
            float: left;
            width: calc(100% / 3 - 5px);
        }
 
        html[dir="rtl"].ipsDataItem_subList li{ float: right; }
        
        .ipsDataItem_subList li a:after{ display: none; }
    
        html[dir="rtl"] .ipsDataItem_subList.ipsList_inline > li{ margin-left: 0; }

[demidof]

Спасибо!

Правда для мобильной версии не подходит 

сделал так

.cForumRow .ipsDataItem_subList > li {
    display: block;
}
 

[pr0f]

В 11.06.2019 в 22:35, demidof сказал:

Спасибо!

Правда для мобильной версии не подходит 

сделал так

.cForumRow .ipsDataItem_subList > li {
    display: block;
}
 

Не подскажешь пожалуйста ты запятые после каждой подкатегории убрал?