forums in columns

[Forsaken]

i was talking about screenshot what you have posted above lol

Wrong person .

 

[sylwester]

Wrong person .

 

[whitetrash]

someone will crack it.

 

[Bain]

any further updates on how to accomplish this?

 

[Allan]

any further updates on how to accomplish this?

+1

 

[Farjad]

If you add this in node_list.css

.sectionMain {
    width:100%;
}
.level_2 {
    float:left;
    width:33%;
    clear:none;
}

also change this in node_list.css:

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

to

.node .nodeText
{
    @property "nodeText";
    margin: 5px 5px 5px 5px;
    @property "/nodeText";
}

It will display the forums in 3 columns (change 33% the way you want it to show). Only thing is, I suck at CSS styling and well, the forum list styling becomes bad. If anyone can make it look better/patch up the CSS, it will be much appreciated.

I would also recommend removing:

        <div class="nodeLastPost secondaryContent">
            <xen:if is="{$forum.lastPost.date}">
                {xen:phrase latest}: <a href="{xen:link posts, $forum.lastPost}" title="{$forum.lastPost.title}">{xen:helper wordTrim, $forum.lastPost.title, 30}</a>
                <span class="lastThreadMeta"><xen:username user="$forum.lastPost" />, <xen:datetime time="$forum.lastPost.date" class="muted" /></span>
            <xen:else />
                <span class="noMessages muted">({xen:phrase contains_no_messages})</span>
            </xen:if>
        </div>

from node_forum_level_2

 

[Allan]

If you add this in node_list.css

.sectionMain {
    width:100%;
}
.level_2 {
    float:left;
    width:33%;
    clear:none;
}

also change this in node_list.css:

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

to

.node .nodeText
{
    @property "nodeText";
    margin: 5px 5px 5px 5px;
    @property "/nodeText";
}

It will display the forums in 3 columns (change 33% the way you want it to show). Only thing is, I suck at CSS styling and well, the forum list styling becomes bad. If anyone can make it look better/patch up the CSS, it will be much appreciated.

I would also recommend removing:

        <div class="nodeLastPost secondaryContent">
            <xen:if is="{$forum.lastPost.date}">
                {xen:phrase latest}: <a href="{xen:link posts, $forum.lastPost}" title="{$forum.lastPost.title}">{xen:helper wordTrim, $forum.lastPost.title, 30}</a>
                <span class="lastThreadMeta"><xen:username user="$forum.lastPost" />, <xen:datetime time="$forum.lastPost.date" class="muted" /></span>
            <xen:else />
                <span class="noMessages muted">({xen:phrase contains_no_messages})</span>
            </xen:if>
        </div>

from node_forum_level_2

Result: (no bad)

 

[Bain]

Is there any way to make this work for level_1 as well? I've tried getting this to work on level_1 but thus far, level_2 ends up looking terrible.

 

[Mufasa]

It works, but the only problem is, if i have more then 3 forums, it goes all messed up..

 

[Fuhrmann]

Here: http://xenforo.com/community/threads/forums-in-2-columns.20823/#post-265862