vb.org Archive - [HOW TO - vB4] Two column forum/sub-forum setup via CSS only

Page 8 of 22

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4 Articles (https://vborg.vbsupport.ru/forumdisplay.php?f=242)

- - [HOW TO - vB4] Two column forum/sub-forum setup via CSS only (https://vborg.vbsupport.ru/showthread.php?t=228484)

buiquockhanh

05-17-2010 04:24 PM

I have tried but not been

grecostimpy

05-25-2010 12:05 AM

Lynne has been extremely helpful in this thread with CSS debugging, but please realize that each forum is different based on what specific styles you are using, so small edits to Lynne's CSS that work for one forum may not work as well for another.

I do recommend that you follow her advice and download either Firebug or the Web Developer plugin for Firefox. Using the Web Developer plugin, you can edit CSS "on-the-fly" to see what certain CSS changes look like instantly on your website without changing any code in the admincp.

Once you find the CSS combination you like, just copy the code from Web Developer and apply it to your CSS files.

Besides being an excellent tool (that does much, much more then just edit CSS) it helps you learn by doing. You see instantly what your file edits do and how fun it can be to style your website on your own.

Again, thank you for this great tutorial Lynne.

penmai.com

09-18-2010 01:08 PM

hi.. its working fine with firefox but in internet explorer it is displaying in only one columns. I had pasted the code in forumbits-ie.css also. www.penmai.com/forums

Lynne

09-18-2010 02:38 PM

I jsut looked at your site and don't see any of this CSS being used. Make sure you put it in the additional.css template.

Alfa1

09-18-2010 02:52 PM

Does this work on forumdisplay.php ?

Lynne

09-18-2010 03:07 PM

Quote:

Originally Posted by Alfa1 (Post 2100076)

Does this work on forumdisplay.php ?

The basic CSS will work on the forumdisplay, yes. However, you may need to change some class or id names. (There is also a modification that will do this.)

penmai.com

09-22-2010 11:45 AM

Quote:

Originally Posted by Lynne (Post 2100066)

I jsut looked at your site and don't see any of this CSS being used. Make sure you put it in the additional.css template.

Thanks Lynne, it worked perfectly.

AliceHoward

09-25-2010 11:09 PM

Brilliant little top-tip this article of yours, thanks for sharing it. :)
I hope you don't mind me posting a possible solution Lynne.

Quote:

Originally Posted by Alfa1 (Post 2100076)

Does this work on forumdisplay.php ?

This seems to be working for my site, I added this to the additional.css

Code:

div.forumbit_post {

  float: left;

  width: 100%;

  margin: 0;

  padding: 0;

  clear:none;

}

.forumbit_post {

  float: left;

  width: 50%;

  margin: 0;

  padding: 0;

  clear:none;

}

AliceHoward

09-27-2010 04:33 AM

Hmmm, something is wrong with the snippet I posted above, every now and then one of the sub-forums gets moved over somehow so an empty space appears. You can see it occurring here: http://styleorigin.com/community/for...-Mental-Health

It's only every now and then, if I refresh the page a few times it seems to right itself, obviously there's something wrong or it wouldn't dropdown.

Alfa1

09-27-2010 09:00 AM

Yes, I was just browsing your site, before I read your last post. I noticed that.

Does anyone know what's causing Alice's bug with sub-forums display?

What would the code be to display 3 columns? Same but 0%, 33% and 66% ?

All times are GMT. The time now is 11:24 PM.

Page 8 of 22

« First

Last »

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02570 seconds Memory Usage 1,738KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: