The Arcive of vBulletin Modifications Site.

CSS - Sub-Forum-List in Columns · **Released**: 06-28-2005

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

hpwilhelm · #2 06-29-2005, 09:41 AM

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

flup · #3 06-29-2005, 10:52 AM

I just requested it, perfect job!
/me installs

Tony G · #4 06-29-2005, 12:00 PM

A very neat mod, thank you for sharing it.

tamarian · #5 06-29-2005, 01:15 PM

This is clever :up:

bigcurt · #6 06-29-2005, 02:30 PM

Thanks for sharing A+

Khent · #7 06-29-2005, 02:35 PM

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

FleaBag · #8 06-29-2005, 04:15 PM

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

taffy056 · #9 06-30-2005, 12:55 PM

Hi,

Nice, thanks for sharing

One thing though, how do you get the text of the sub-forums to be a little smaller?

taffy

hpwilhelm · #10 06-30-2005, 01:24 PM

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:

Code:

font-size: XXpx;

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.