The Arcive of Official 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, 10:41 AM

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

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

I just requested it, perfect job!
/me installs

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

A very neat mod, thank you for sharing it.

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

This is clever :up:

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

Thanks for sharing A+

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

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

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

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

taffy056 · #9 06-30-2005, 01: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, 02: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.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04909 seconds Memory Usage 2,290KB Queries Executed 23 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)pagenav_pagelinkrel (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!