CSS - Sub-Forum-List in Columns
 

For vb3.5.x --> vb3.6.x

Tested and working on Firefox, Safari and IE6.

What this does:
It converts the sub-forum-list into a unordered list, then by using CSS arranges the sub-forums into columns.

The columns are liquid - number of columns depends on browser-window-width or page width. The column width is set in the CSS.

Note that you need to enable sub-forums in your ACP.

3 CSS class definition added.
8 template edits.

See the zip for further instructions / full details.

Enjoy! :)

Update: v2.

• Class attribute moved from <li> to <ul> element, and you now get full control through the stylesheet.
• A clear:both style added below the list to constrict the floats, so that you can put stuff beneath the list.

Update:

• Works for vb3.6.x with no changes.
• Added .txt to textfile

Screenshots: Before, and after on 1024px and 800px browser-window-width.

I just requested it, perfect job!
/me installs

A very neat mod, thank you for sharing it. :D

This is clever :up:

Thanks for sharing A+

Very clever use of CSS. Simple and effective. Well done.

I like to see template mods in CSS instead of hard coded tables! Nice!

Hi,

Nice, thanks for sharing :) One thing though, how do you get the text of the sub-forums to be a little smaller?

taffy

Thanks for all the nice feedback :)

I'm probably going to tweak this a little more before my board launches with vb3.5.0. So I'll update this thread when I do. ;)

Taffy056: You can add: to the subforum CSS class. (replace XX with your prefered font-size) Or you can adjust the font-size for 'smallfont' in the Main vbulletin CSS.

Perfect! Went with your first suggestion!

Thanks very much :)

taffy

column-y goodness :D

I LOVE THIS ONE!

Cool that looks much better.

excellent idea...subforums in lines really clogged up the window

Thanks, this one worked great with RC2... The other one broke teh forumz.

Very cool. It'd be nice if vBulletin spent a little more time on these little annoyances. Another happy RC2'er.

love this hack...some quick questions:

1. Is it possible to change the title "Sub-Forums" to something else?
2. is possible to decrease the spacing size between the title "Sub-Forums" and the subforums' titles. its rather a big gap on mine.

anyway..... love this kind of hack. THANKS!

i liked how it looked in the screenshots but when i did it it didnt look like that at all.

1.i had the huge space like the above post
2/ my subforums didnt go in two columns like yours it was all in one column

1. yah. iky!! :(

2. this depends on your screen resolution as well as how big you opened your browser window size to. open your browser window to full and/or set a higher screen res. it should go to the second column relative to window size.

still to make it make a column "sooner", go to:

Admincp >>Styles & Templates>>> (choose your style) >> Additional CSS Definitions (second box) >>>

edit the "width: 150px;"

small px makes it go to second column a relatively small browser window size. I use 170 on mine. try a few and see what works for you. :)

3. anyone know where to go to change if I want to change the "Sub-Forums" to something else?

Edit "<strong>$vbphrase[subforums]</strong>:" from the "forumhome_forumbit_level_x_post" templates. Or just edit the phrase itself.

thanks!! :D :D

Dumb Question: How do I turn on sub-forums.

1. Go to your forum Admin panel
2. Click vBulletin Options
3. Select "Forum Listings Display Options" from the drop down list
4. In "Depth of Sub-Forums" replace 0 with 1

Installed

i am using 1024 x 768 resolution

and still it wont go into seperate lines

you didnt have the css at the right place

you did not add the CSS content in the proper Style... Step #1 is the one... you also have to RELOAD your browser window if you have put your CSS into files...

Simple but very effective. Nice mod.

Clicks install

Just beautiful!
One simple question :)
I want to add a small space on the bottom of my columns to even out the layout with the top of the layout. How could I do that?

say add 1 line space on the bottom under the columns?

I was also wondering if there was a way to turn turn on/off the subforum in columns option by individual forums? if not, could this become a featiure? In some cases i would like to let the smaller (2 or less) subforum, forums in there original state, justified next to the Subforum: subtitle in the forumhome layout.

Just thought

perhaps anybody only needs a clean table-like list?

use:

at forumhome_forumbit_levelx_post instead... ;)

Great mod, but I have a question.. Is there any way to make it sort the forums in the list alphabeticaly?

+preeteh goofd

My own working version had the subforum class at the <ul> element, with margins and paddings set to zero. That way you get more control with the aperance. I have also added a clear:both underneath so you can put stuff below the list.

I'll post it later today.

what does the post by R1D1 do I dont understand the clean table can you attach a picture for us?

did any one tried this on Gold?

Here is a screenshot :)

stinger2: It works with Gold.

If you add another <br /> after <br class="clear" /> (in v2) you should get a extra line. :)

As this is just a template mod, this is not possible. But if someone writes a plugin that adds a setting for this somewhere (forummanager) it would be possible to achieve through if-conditions.

You need to do this manually in your forummanager.

Ughh seriously? Is there another way I could have 200+ subforms. Im running a game website and dedicating a forum to each specific game title.

were always adding them, is there ANY way to make them sort alphabetically?