Subforumuri in 3 coloane

[r o b e r t -]

Salut, folosesc si eu o tema ips 4.5 si as dori sa-mi pun subforumurile in 3 coloane dar nu stiu. Am cautat pe google, dar nu am gasit ceva folositor. Ma poate ajuta cineva?

[Sebastian C.]

Totul e la fel ca pe 4.4.x. Cauți :

			{{if $forum->hasChildren()}}
				<ul class="ipsDataItem_subList ipsList_inline">
					{{foreach $forum->children() as $subforum}}
						<li class="{{if \IPS\forums\Topic::containerUnread( $subforum )}}ipsDataItem_unread{{endif}}">
							<a href="{$subforum->url()}">{{if \IPS\forums\Topic::containerUnread( $subforum )}}<span class='ipsItemStatus ipsItemStatus_tiny {{if !\IPS\forums\Topic::containerUnread( $subforum ) && !$subforum->redirect_on}}ipsItemStatus_read{{endif}}'><i class="fa fa-circle"></i></span>&nbsp;{{endif}}{$subforum->_title}</a>
						</li>
					{{endforeach}}
				</ul>
			{{endif}}
			{{if $forum->description}}
				{template="richText" group="global" app="core" location="global" params="$forum->description, array('ipsDataItem_meta', 'ipsContained')"}
			{{endif}}

Schimbi cu :

{{if $forum->description}}
				{template="richText" group="global" app="core" location="global" params="$forum->description, array('ipsDataItem_meta', 'ipsContained')"}
			{{endif}}
			{{if $forum->hasChildren()}}
				<ul class="ipsDataItem_subList ipsList_inline">
					{{foreach $forum->children() as $subforum}}
						<li class="{{if \IPS\forums\Topic::containerUnread( $subforum )}}ipsDataItem_unread{{endif}}">
							<a href="{$subforum->url()}">{$subforum->_title}</a>
						</li>
					{{endforeach}}
				</ul>
			{{endif}}

Și adaugi în css codul ăsta :

.ipsApp .cForumRow .ipsDataItem_subList {
    padding: 0 !important;
    background-image: none !important;
    display: grid;
    grid-template-columns: repeat(3, 33%);
}

.ipsApp .cForumRow .ipsDataItem_subList li:before {
    content: '\f066';
    font-family: FontAwesome;
}

.ipsApp .cForumRow .ipsDataItem_subList li.ipsDataItem_unread:before {
    content: '\f066';
    font-family: FontAwesome;
}

.ipsDataItem_subList li a:before {
    content: '';
}

 

[+dOc MFX]

Sau daca nu vrei sa te mai chinuiesti ca de fiecare data sa schimbi codurile in teme : https://invisioncommunity.com/files/file/9474-chose-sub-list-columns/

[shok2002]

On 9/10/2020 at 7:21 PM, Sebastian C. said:

Totul e la fel ca pe 4.4.x. Cauți :

			{{if $forum->hasChildren()}}
				<ul class="ipsDataItem_subList ipsList_inline">
					{{foreach $forum->children() as $subforum}}
						<li class="{{if \IPS\forums\Topic::containerUnread( $subforum )}}ipsDataItem_unread{{endif}}">
							<a href="{$subforum->url()}">{{if \IPS\forums\Topic::containerUnread( $subforum )}}<span class='ipsItemStatus ipsItemStatus_tiny {{if !\IPS\forums\Topic::containerUnread( $subforum ) && !$subforum->redirect_on}}ipsItemStatus_read{{endif}}'><i class="fa fa-circle"></i></span>&nbsp;{{endif}}{$subforum->_title}</a>
						</li>
					{{endforeach}}
				</ul>
			{{endif}}
			{{if $forum->description}}
				{template="richText" group="global" app="core" location="global" params="$forum->description, array('ipsDataItem_meta', 'ipsContained')"}
			{{endif}}

Schimbi cu :

{{if $forum->description}}
				{template="richText" group="global" app="core" location="global" params="$forum->description, array('ipsDataItem_meta', 'ipsContained')"}
			{{endif}}
			{{if $forum->hasChildren()}}
				<ul class="ipsDataItem_subList ipsList_inline">
					{{foreach $forum->children() as $subforum}}
						<li class="{{if \IPS\forums\Topic::containerUnread( $subforum )}}ipsDataItem_unread{{endif}}">
							<a href="{$subforum->url()}">{$subforum->_title}</a>
						</li>
					{{endforeach}}
				</ul>
			{{endif}}

Și adaugi în css codul ăsta :

.ipsApp .cForumRow .ipsDataItem_subList {
    padding: 0 !important;
    background-image: none !important;
    display: grid;
    grid-template-columns: repeat(3, 33%);
}

.ipsApp .cForumRow .ipsDataItem_subList li:before {
    content: '\f066';
    font-family: FontAwesome;
}

.ipsApp .cForumRow .ipsDataItem_subList li.ipsDataItem_unread:before {
    content: '\f066';
    font-family: FontAwesome;
}

.ipsDataItem_subList li a:before {
    content: '';
}

 

unde pot găsi acest șablon pentru a pune codul