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

Page 19 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)

Reece^B

11-17-2012 07:52 AM

Hi Lynne:

This is in additional.css

PHP Code:


		
			
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
  border-top: 0;
}
.forumrow .table {
  height: 100px;
}
#cat51 ol.childforum {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}
.childforum li.forumbit_post {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  clear:none;
}
#forums .L1 .L2 {
  clear:none;
}
.forumbit_post .forumrow .forumlastpost {
  clear:both;
  width:95%;
}
.forumbit_post .forumlastpost .lastpostby {
  display: block;
  float: left;
}
.forumbit_post .forumlastpost .lastpostdate {
  display: block;
  float: right;
}
.forumbit_post .forumlastpost .lastposttitle {
  display: block;
  float: left;
}
.forumbit_post .foruminfo {
  clear:right;
  float:left;
  min-width:50%;
  width:70%;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
  width:20%;
}
.forumbit_post .forumlastpost .lastposttitle {
  display: block;
  float: left;
}
.forumbit_post .foruminfo {
  clear:right;
  float:left;
  min-width:50%;
  width:70%;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
  width:20%;
}

Lynne

11-18-2012 03:41 PM

You would need to add the id tag to all the CSS you want to only apply to that id.

And, you didn't post a link so that we can see the problem.

Reece^B

11-18-2012 04:16 PM

It's only the info base I want into columns.

Lynne

11-18-2012 05:05 PM

You didn't change it to put the id in front of all that code.

Code:

#cat51 .forumhead + .childforum .L2:first-child .forumrow, #cat51 .forumhead + .L2 .forumrow {

    border-top: 0 none;

}

#cat51 .forumrow .table {

    height: 100px;

}

#cat51 ol.childforum {

    float: left;

    margin: 0;

    padding: 0;

    width: 100%;

}

#cat51 .childforum li.forumbit_post {

    clear: none;

    float: left;

    margin: 0;

    padding: 0;

    width: 50%;

}

#cat51 #forums .L1 .L2 {

    clear: none;

}

#cat51 .forumbit_post .forumrow .forumlastpost {

    clear: both;

    width: 95%;

}

#cat51 .forumbit_post .forumlastpost .lastpostby {

    display: block;

    float: left;

}

#cat51 .forumbit_post .forumlastpost .lastpostdate {

    display: block;

    float: right;

}

#cat51 .forumbit_post .forumlastpost .lastposttitle {

    display: block;

    float: left;

}

#cat51 .forumbit_post .foruminfo {

    clear: right;

    float: left;

    min-width: 50%;

    width: 70%;

}

#cat51 .forumbit_post .forumstats, #cat51 .forumbit_post .forumstats_2 {

    width: 20%;

}

#cat51 .forumbit_post .forumlastpost .lastposttitle {

    display: block;

    float: left;

}

#cat51 .forumbit_post .foruminfo {

    clear: right;

    float: left;

    min-width: 50%;

    width: 70%;

}

#cat51 .forumbit_post .forumstats, #cat51 .forumbit_post .forumstats_2 {

    width: 20%;

}

Reece^B

11-18-2012 06:30 PM

Thanks Lynne, it works! :D

Would you happen to know if I can remove the 'Threads / Posts Last Post' from the top bar of the category name?

Also what CSS would I need to use to make that look like the main site.

Thanks again

Lynne

11-19-2012 03:36 PM

Quote:

Originally Posted by Reece^B (Post 2382263)

Just add something like #cat51 .forumthreadpost {display: none;} for the stuff you don't want (do similar for Last Post).

As for formating the blocks, you'll just have to trial and error the CSS for that. firebug is a great tool for that because you can add it right there and see if it works.

Reece^B

11-20-2012 07:14 PM

Thanks Lynne, how can I move the titles/subtitles to the right so the image isn't overlapping?

Also is there a way to remove the RSS little logo and the green tick?

Lynne

11-20-2012 09:30 PM

Just something like:

HTML Code:

.forumbit_post .foruminfo .forumdata .datacontainer {

    padding-left: 140px;

    width: 80%;

}

Personally, I'd look into redoing the template for that category. And, I'd set the forums to have a min-width so users can't make their browsers small and 'break' the look. It's not going to be a 2 minute job, it's going to take some effort. And you can remove the RSS logo and green tick just by going what I posted above and setting display to none for that category.

Click on the W3Schools link in my sig for a great site for CSS help.

Easy5s.net

11-30-2012 01:37 PM

pls help x columns like this mod: https://vborg.vbsupport.ru/showthread.php?t=99829

CybertronWizard

12-01-2012 11:26 PM

Thanks man..Using on my forum...

All times are GMT. The time now is 12:09 AM.

Page 19 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.01457 seconds Memory Usage 1,761KB 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 (1)bbcode_html_printable (1)bbcode_php_printable (1)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: