Forum Home Enhancements - Twin columns on forum home and forum display

Twin columns on forum home and forum display

As the title says this mod simply puts a column on both sides forumhome and forumdisplay pages.

Great mod for google skyscrapper ads.

Installation:
Download the attached XML file.
Import the product.
Edit navbar and footer templates. (See below)




Find in navbar template:

<div class="body_wrapper">

Add below:

{vb:raw ss_twincolumns_start}

Add the code below to the first line of footer template:

{vb:raw ss_twincolumns_end}

Footer template after adding the code:

{vb:raw ss_twincolumns_end}

<vb:if condition="!empty($ad_location['ad_footer_start']) or !empty($ad_location['global_above_footer'])">
<div style="clear: {vb:stylevar left}">
  {vb:raw ad_location.ad_footer_start}
  {vb:raw ad_location.global_above_footer}
</div>
</vb:if>

......

It is recommended that you should edit doc_minwidth to 950 and doc_margin to Top=0 Right=10 Bottom=0 Left=10 .. so that you have more space for forums and contents won't get squashed.


Once you have installed the modification edit "SevenSkins - Templates > ss_twincolumns_left_contents and ss_twincolumns_right_contents to put your advert or contents in the side columns.


Finally don't forget to click install.


Thanks to Lynne for additional css plugin code which I used in this modification.


PS. Do not use my side column mods together use only one.


================================================== ==

If you want to enable or disable this hack on different pages of the forum .. 
Edit the ss_twincolumns_start and ss_twincolumns_end templates:
 
Find:
<vb:if condition="THIS_SCRIPT == 'index' OR THIS_SCRIPT == 'forumdisplay'">
 
 
Edit it to ... for home page:
<vb:if condition="THIS_SCRIPT == 'index'">
 
Edit it to ... for homepage, forumdisplay and showthread:
<vb:if condition="THIS_SCRIPT == 'index' OR THIS_SCRIPT == 'forumdisplay' OR THIS_SCRIPT == 'showthread'">

================================================== ==


Updates:
19 Jan 10: Updated
- Save the code from "ss_twincolumn_left_contents" and "ss_twincolumn_right_contents" template. (Code for ads, etc)
- Revert template belonging to this product.
- Then import the product over writting the existing installation.
- Put your ad code in the "ss_twincolumn_left_contents" and "ss_twincolumn_right_contents" template.



15 Jan 10: Updated for vBulletin 4.0.1
2 templates has been changed.
- Save the code from "ss_twincolumn_left_contents" and "ss_twincolumn_right_contents" template. (Code for ads, etc)
- Revert template belonging to this product.
- Then import the product over writting the existing installation.
- Put your ad code in the "ss_twincolumn_left_contents" and "ss_twincolumn_right_contents" template.



22 Dec 09: Working with vBulletin 4.0.0 (Gold)


.

[Seven Skins]

Pic does not tell much, please send the URL of your site here or in PM.

[Alecsmith]

Originally Posted by Moon Moose

I'm attempting to apply your mod to my newly professionally updated forum VB4.1.5 but I keep getting the same problem. It makes way for the side panels beautifully, but then they are placed in the wrong place, on the forums of the page at the top and tucked under the stats at the bottom. I am working on the default template, nothing fancy. and I have tried reverting all my templates to default settings.

Please can you help I would really like to use your mod.

Here's a grab of what's going on...

to fix this issue add

{vb:raw ss_twincolumns_end}

In footer template at top.

[Martyh]

4.1.8

I get the space made but nothing shows up there, any clues ? thanks

[Seven Skins]

Don't forget to add these:

{vb:raw ss_twincolumns_start}
{vb:raw ss_twincolumns_end}

[Martyh]

Thanks for replying, I have done that.

[Seven Skins]

Without a link to your site it is not possible to tell how to fix this issue.

If you trying to do this in custom style then you have to find where to edit the navbar and footer templates.

[Martyh]

Thanks SS, it works fine with a new install. I really didn't have too much installed other than the basic program on default style and a couple of mods though. As I add those mods back in I'll let you know which one causes a problem for your reference, again I appreciate the help. Thanks

[mmoore5553]

I need some help as I need to make sidebars wider and when i do that the middle section does not shrink


Remove URL as it is working per thread below.

Can you please help.

[Seven Skins]

You can try this:

.ss_twincolumns_wrapper {
  padding-left: 175px;
  padding-right: 175px;
}

.ss_twincolumns_inner {
  width: 100%;
}

.ss_twincolumns_floatwrap {
  float: left;
  width: 100%;
  margin-left: -175px;
}

.ss_twincolumns_content {
  float: right;
  margin-right: -175px;
  width: 100%;
  position: relative;
}

.ss_twincolumns_content_margin {
  padding: 0px 5px 0px 5px;
}

.ss_twincolumns_left {
  float: left;
  width: 175px;
  position: relative;
}

.ss_twincolumns_left_margin {
  padding: 10px 5px 0px 0px;
}

.ss_twincolumns_right {
  float: right;
  width: 175px;
  position: relative;
  margin-right: -175px;
  position: relative;
}

.ss_twincolumns_right_margin {
  padding: 10px 0px 0px 5px;
}

.ss_twincolumns_clear {
  clear: both;
}

.ss_column_head {
  background: {vb:stylevar forumhead_background};
  padding: 0;
  font:{vb:stylevar forumhead_font};
  color:{vb:stylevar forumhead_color};
  border: {vb:stylevar forumhead_border};
  -moz-border-radius-top{vb:stylevar right}: {vb:stylevar forumhead_top_corner_radius};
  -moz-border-radius-top{vb:stylevar left}: {vb:stylevar forumhead_top_corner_radius};
  -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar forumhead_top_corner_radius};
  -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar forumhead_top_corner_radius};
  padding: {vb:math {vb:stylevar padding}/2-1} 0;
}

.ss_column_body {
  background: {vb:stylevar forumrow_background};
  padding: 0;
  border-bottom: {vb:stylevar forumbits_border};
  border-{vb:stylevar left}: {vb:stylevar forumbits_border};
  border-{vb:stylevar right}: {vb:stylevar forumbits_border};
  margin-bottom: 8px;
}

PS. Code is not tested as I do not have this installed on any of my site.

[mmoore5553]

Thank you so much that worked. I was working on it for two hours to get it correct. You saved me big time.