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

[vchase]

Originally Posted by R1D1

perhaps anybody only needs a clean table-like list?

use:

<if condition="$show['subforums']"><ul style='margin:0px; padding:0px;'>$forum[subforums]</ul></if>

at forumhome_forumbit_levelx_post instead...

Should i uninstall the hack, then just use your code ? plz help!

I also have another problem, underneath the subfurum list, there are 2or 3 lines of spaces. how can i reduce them? plz help

[Kyho]

Thank you for this!! Really appreciated

[Marco van Herwaarden]

Works great on vB 3.5.4

[Snake]

Thanks a lot but how can I resize the font size of the subforums it's way too big.

[Tefra]

Originally Posted by Aftermath

Thanks a lot but how can I resize the font size of the subforums it's way too big.

in the

.subforum li {
	display:inline;
	width:150px;
	float:left;
	padding-left:0.5em;
	padding-right:0.5em;
}

add

font-size: 11px;

adjust the size to what you want

[Snake]

Cool thanks.

[Funkie]

I prefered this modification without the css

PHP Code:

/* 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 *// 


nice though m8 thx

[GoNz00]

smart

/clicks install

[Funkie]

why would this code on one of my styles stop your code working

PHP Code:

#leftc {
background-image: url(http://www.backburnerforums.com/forum/images/left.jpg); 
}


#rightc {
background-image: url(http://www.backburnerforums.com/forum/images/right.jpg); 
} 


[bada_bing]

Installed on my 3.5.4 site