dutchbb
Well-known member
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>-->
FIND:
Code:
<div class="nodeLastPost">
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: