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

[dutchbb]

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:

/* 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:

<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:

<!--<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:

		<div class="nodeLastPost">

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


ABOVE PASTE:

<!-- 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:

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

REPLACE WITH:

.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:

 

[otto]

Hello,

very fine! I like this ...

 

[kkm323]

is it possible to show two forums in one row
thanx for this

 

[dutchbb]

is it possible to show two forums in one row
thanx for this

Not sure. I'd recommend using sub-forums then

 

[shenmuee]

wow i like it, thanks for geeat job =)

 

[Vincent]

Note:

Since beta 4, this:
nodeLastPost changed to nodeLastPost secondary

 

[ddmmh]

This is really cool. I am on beta 5. Is this safe to implement?

 

[ddmmh]

bump*

 

[Vincent]

bump*

I tried it and it works, but when visiting with a mobile phone or a tablet pc it's not nice. I recommend not using this.

 

[ddmmh]

I tried it and it works, but when visiting with a mobile phone or a tablet pc it's not nice. I recommend not using this.

Didnt even think of that, thank you, thats very helpful.