Jump to content

  •  

Staff applications open!

We are currently in need of more staff members. Feel you are ready to take on the tasks of being a Community Team Member? Apply today here: http://invision-viru...f-applications/
IV Management

- - - - -

Tutorial arange subforum's on 3 collomns


  • Please log in to reply
2 replies to this topic

#1 GFX Magic

GFX Magic

    Newbie

  • Member
  • Pip
  • 9 posts

Posted 07 September 2018 - 04:15 PM

At base is the same think like ipb 3.4
Tutorial:
ACP > Customization > Themes > Ur theme > HTML & CSS Codes > forums > front > index > forumRow-Search:
{{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}}

Detele-and-search:
{{if $forum->description}}
	<div class="ipsDataItem_meta ipsType_richText">{$forum->description|raw}</div>
   {{endif}}

Add-at-the-end

Quote

{{if $forum->hasChildren()}}
	 <ol class='ipsList_inline ipsType_small subforums2'>
{{foreach $forum->children() as $subforum}}</ol>
<ol class='ipsList_inline ipsType_small subforums3'>
{{if \IPS\forums\Topic::containerUnread( $subforum )}}
<li class='unread'>
{{endif}}
{{if !\IPS\forums\Topic::containerUnread( $subforum )}}
<li>
{{endif}}
{{endforeach}}
</ol>
<ol class='ipsList_inline ipsType_small subforums'>
{{foreach $forum->children() as $subforum}}</ol>
<ol class='ipsList_inline ipsType_small subforums1'>
{{if \IPS\forums\Topic::containerUnread( $subforum )}}<li class='unread'>
{{endif}}
{{if !\IPS\forums\Topic::containerUnread( $subforum )}}
<li>
{{endif}}
<a href="{$subforum->url()}">{$subforum->_title}</a></li>
{{endforeach}}</ol>
   {{endif}}

Now-go-->CSS Tab > custom.css and-add-at-the-end
ol.subforums1 {
 
  margin-top: 3px;
  float: left;
  width: 33%;
 
}
ol.subforums1 li {
 
  background: url('http://mixgamers.ro/forum/public/style_images/wipeout/subforum_vechi.png') no-repeat 0 50%;
  padding: 0 15px 0 15px;
  margin: 0;
  float: left;
 
}
.subforums1 li.unread {
  font-weight: bold;
  background-image: url('http://mixgamers.ro/forum/public/style_images/wipeout/subforum_nou.png');
}
ol.subforums2 {
 
  width: 33%;
  overflow: hidden;
 
}
ol.subforums2 li {
 
  background: url('http://mixgamers.ro/forum/public/style_images/wipeout/subforum_vechi.png') no-repeat 0 50%;
  padding: 0 15px 0 15px;
  margin: 0;
  float: left;
 
}
.subforums2 li.unread {
  font-weight: bold;
  background-image: url('http://mixgamers.ro/forum/public/style_images/wipeout/subforum_nou.png');
}
ol.subforums3 {
  width: 33%;
  overflow: hidden;
}
ol.subforums3 li {
  background: url('http://mixgamers.ro/forum/public/style_images/wipeout/subforum_vechi.png') no-repeat 0 50%;
  padding: 0 15px 0 15px;
  margin: 0;
  float: left;
}
.subforums3 li.unread {
  font-weight: bold;
  background-image: url('http://mixgamers.ro/forum/public/style_images/wipeout/subforum_nou.png');
}

Succes

Edited by GFX Magic, 07 September 2018 - 07:06 PM.


#2 4Unknow

4Unknow

    Advanced Member

  • Member
  • PipPipPip
  • 65 posts

Posted 15 August 2020 - 09:02 AM

I need for IPB 4.3, or is it already there?

#3 yashin

yashin

    Newbie

  • Member
  • Pip
  • 3 posts

Posted 04 May 2021 - 03:46 AM

i need 4.3 to use this?




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users