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.