• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

[Beta 2] Discussion & Message Statistics in Own Column on Forum List

dutchbb

Well-known member
#1
disc_mess_own_col.png

This alternate layout can be useful if you want to disable the forum description tooltips without cluttering up the forum list too much.

Step 1:

Open template: node_forum.css

ADD:
Code:
/* START OF STYLING FOR DISCUSSIONS & MESSAGES IN OWN COLUMN ON FORUM LIST */
.listBlockForum
{
	position:absolute;
	top:0;
	right:310px;
        height: 100%;
}
.statForum
{
        width: 140px;
	background: @primaryLightest url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
}
.statForum dl
{
	padding: 0 10px;
	border-left: 1px solid @primaryLighterStill;
	border-right: 1px solid @primaryLighterStill;
}
.statForum .major
{

	font-size: 11pt;
	margin-top: 12px;
}
.statForum .minor
{
	font-size: 11px;
	margin-bottom: 5px;
}
.pairsJustifiedForum dt
{
	color: @mutedTextColor;
}
dl.pairsJustifiedForum,
.pairsJustifiedForum dl
{
	overflow: hidden; zoom: 1;
}
.pairsJustifiedForum dt
{
	float: left;
}
.pairsJustifiedForum dd
{
	float: right;
	text-align: right;
}
/* END OF STYLING FOR DISCUSSIONS & MESSAGES IN OWN COLUMN ON FORUM LIST */

Step 2:

Open template: node_forum_level_2

FIND:
Code:
<dl>
					<dt>{xen:phrase discussions}:</dt> <dd>{xen:number $forum.discussion_count}</dd>
					<dt>{xen:phrase messages}:</dt> <dd>{xen:number $forum.message_count}</dd>
				</dl>

REPLACE WITH:
Code:
<!--<dl>
					<dt>{xen:phrase discussions}:</dt> <dd>{xen:number $forum.discussion_count}</dd>
					<dt>{xen:phrase messages}:</dt> <dd>{xen:number $forum.message_count}</dd>
				</dl>-->
(OR REMOVE COMPLETELY)

FIND:
Code:
		<div class="nodeLastPost">
(For beta 5 and later, find: <div class="nodeLastPost secondary"> )


ABOVE PASTE:
Code:
<!-- START DISCUSSIONS & MESSAGES IN OWN COLUMN ON FORUM LIST -->
<div class="listBlockForum statForum pairsJustifiedForum">
		<dl class="major"><dt>{xen:phrase discussions}:</dt> <dd>{xen:number $forum.discussion_count}</dd></dl>
		<dl class="minor"><dt>{xen:phrase messages}:</dt> <dd>{xen:number $forum.message_count}</dd></dl>
	</div>
<!-- END DISCUSSIONS & MESSAGES IN OWN COLUMN ON FORUM LIST  -->

Step 3:

Open template: node_list.css

FIND:
Code:
.node .nodeText
{
	@property "nodeText";
	margin: 10px 270px 10px 56px;
	@property "/nodeText";
}

REPLACE WITH:
Code:
.node .nodeText
{
	@property "nodeText";
	margin: 10px 460px 10px 56px;
	@property "/nodeText";
}
Done!


Optional:

Disable forum description tooltips:

ACP > Appearance > Styles > *your style* > Style Property Groups > Forum List > Uncheck 'Enable Forum Descriptions Tooltips'

=======

Don't like doing the template edits? Get the default XF style with the edits already done:
 

Attachments