Forums in 2 Columns

[Mufasa]

Is there a mod or a template modification to put forums in 2 columns?

CATAGORY 1
Forum 1 | Forum 2
Forum 3 | Forum 4

They dont have to have number of discussions or last person to post.

Thanks!

 

[Fuhrmann]

There is this thread: http://xenforo.com/community/threads/forums-in-columns.5861/

Maybe have a solution for you.

Edit: This post: http://xenforo.com/community/threads/forums-in-columns.5861/page-3#post-234200

 

[Mufasa]

Might be what im after, will try it on my board in a sec, thanks dude!

 

[Fuhrmann]

Might be what im after, will try it on my board in a sec, thanks dude!

Give us your feedback!

 

[Mufasa]

Will do, just about to do it..

 

[Mufasa]

Not so good, lol.

 

[Fuhrmann]

Can you give us the link to your forum?

 

[Mufasa]

http://thesupportforum.co.cc

A demo site for when its all set up. I dont like localhost lol.

 

[Fuhrmann]

http://thesupportforum.co.cc

A demo site for when its all set up. I dont like localhost lol.

Try this:

add the following code to your EXTRA.css:

.sectionMain {
overflow: auto;

}

.nodeList .node.level_2 {
float: left;
width: 50%;
}

And oh, revert the modifications in templates you did above. Then after insert this code above in EXTRA.css.

Please, post your feedback!




Here is what will be (my test board)

 

[Mufasa]

Wow, thats awesome. Thank you so much!

 

[Mufasa]

I found a little bug with this tho, you have to have an even number of forums for it to work efficiently, otherwise it will mess up like my image i posted earlier.

 

[Fuhrmann]

I found a little bug with this tho, you have to have an even number of forums for it to work efficiently, otherwise it will mess up like my image i posted earlier.

Replace the code i gave you above and put this in your EXTRA.CSS, dont forget to replace the old css with this one:

.sectionMain {
overflow: hidden;
}

.nodeList .node.level_2 {
float: left;
width: 50%;
}

.nodeList .categoryStrip {
width: 100%;
overflow:hidden;
}

 

[Mufasa]

Perfect, thanks!

 

[Fuhrmann]

Perfect, thanks!

You're welcome!

I saw something...



You can correct making the .sectionMains like this:

.sectionMain {
overflow: hidden;
width: 98%;
}

 

[Mufasa]

That didnt do anything, so i did this:

.nodeList .categoryStrip {
width: 98%;
overflow:hidden;
}

Worked better, but ive still got that blue outline hanging over, doesnt really matter but if there is a fix would be great

 

[Fuhrmann]

.sectionMain {
overflow: hidden;
width: 98% !important;​

}​

Try this..

 

[Mufasa]

There you go. Much better thanks.

So the complete code is:

Add to EXTRA.css the following:

.sectionMain {
overflow: hidden;
width: 98% !important;
}

.nodeList .node.level_2 {
float: left;
width: 50%;
}

.nodeList .categoryStrip {
width: 98%;
overflow:hidden;
}

 

[jauburn]

There you go. Much better thanks.

So the complete code is:

Add to EXTRA.css the following:

.sectionMain {
overflow: hidden;
width: 98% !important;
}
 
.nodeList .node.level_2 {
float: left;
width: 50%;
}
 
.nodeList .categoryStrip {
width: 98%;
overflow:hidden;
}

This only works so long as you keep the browser window wide. If you narrow it down, the forum titles go all vertical on you. Looks horrible.

 

[Fuhrmann]

This only works so long as you keep the browser window wide. If you narrow it down, the forum titles go all vertical on you. Looks horrible.

Let's look for a solution then!

 

[Gabby]

Bringing up something old but this looks great on my forum but there are errors. Is there a solution yet or another thread somewhere?

Thank you