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

[MentaL]

Anyone tell me rather than have it vertical how i can have it horizontal as well please on any resolution, thanks.

[MentaL]

bump

[Funkie]

This is the bit that makes it horizontal

/* Start Sub-forums-list in Columns */ 
.subforum { 
    padding:0; 
    margin:    0; 
} 
.subforum li { 
    display:inline; 
    width:150px; 
    float:left; 
    padding-left:0.5em; 
    padding-right:0.5em; 
} 
.clear { 
    clear:both; 
} 
/* End *//

but dosn't work with all styles

[bada_bing]

How can I still include the last post,threads & posts fields so that those forums still show activity to my members?

[MentaL]

Originally Posted by Funkie

This is the bit that makes it horizontal

/* Start Sub-forums-list in Columns */ 
.subforum { 
    padding:0; 
    margin:    0; 
} 
.subforum li { 
    display:inline; 
    width:150px; 
    float:left; 
    padding-left:0.5em; 
    padding-right:0.5em; 
} 
.clear { 
    clear:both; 
} 
/* End *//

but dosn't work with all styles

anyway to force it?

[TomasDR]

Is there any way to extend this hack to the forumdisplay.php?

The way my forum is organized sometimes there are to many subforums under a mainforum that people don't realize there are threads below and miss the threads in the initial forum.

[alshehi]

thank you very much

best wishes L Alshehi

[ltaylor]

Thankyou! Provides a nice organized, easy read, clean look :-)

[vbreal]

its not working right in one of my styles but it works fine for the others.

is there any way to fix it

thanks

[Holidazed]

Awesome! Works great. Thanks