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

oninuva · #**122** 05-27-2006, 12:08 PM

how do i install this?

my zip file has no instructions?

please help

peterska2 · #**123** 05-27-2006, 12:15 PM

Open the unknown file (css_sub_forums_in_columns_txt) in notepad or wordpad, the instructions are in there.

oninuva · #**124** 05-27-2006, 01:19 PM

cheap! i just did everything but it dosent work?

look www.wow-elite.org/forum

oninuva · #**125** 05-27-2006, 05:53 PM

help

oninuva · #**126** 05-29-2006, 11:31 AM

how do i make the text bigger?

cyberbeggar · #**127** 06-10-2006, 09:55 AM

Quote:

Hi,

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

taffy

Quote:

Originally Posted by hpwilhelm

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.

I don't understand ... I need to make my sub-forum font smaller, but I do not know what you mean? Please help!

peterska2 · #**128** 06-10-2006, 03:03 PM

To change the font size, see the instructions in this post

kofoid · #**129** 06-10-2006, 11:14 PM

OK I think I am missing something! This is a GREAT GREAT HACK!!!! But I would really like to know how to make the font smaller.... I even tried this:

Quote:

/* Start Sub-forums-list in Columns */
.subforum {
padding:0;
margin: 0;
}
.subforum li {
display:inline;
font: 2px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
width:85px;
float:left;
padding-left:0.5em;
padding-right:0.5em;
}

.clear {
clear:both;
}
/* End */

And it doesn't change the font size.

peterska2 · #**130** 06-10-2006, 11:19 PM

did you do that on all your styles?

It has done it on this one

http://www.lets-yada-yada-yada.com/?styleid=3

kofoid · #**131** 06-11-2006, 01:43 AM

DOH! nope I didn't - Thanks!

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04978 seconds Memory Usage 2,301KB Queries Executed 25 (?)
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 (3)bbcode_quote (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 (4)pagenav_pagelink (1)pagenav_pagelinkrel (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)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!