vBulletin Forum Sideblocks - add space between the sideblocks

This code adds space between the sideblocks

goto your additional.css template and add at the very bottom

#sidebar_container .underblock {background: none; height: 10px;}
#sidebar_container > ul {
    -moz-border-radius:0px;
    -webkit-border-radius:: 0px;
    -moz-box-shadow: none;
    background-color: transparent;
    border:0px;
}
#sidebar_container .block {
    background-color:{vb:stylevar sidebar_background.backgroundColor};
    border:{vb:stylevar forum_sidebar_border};
    -moz-border-radius:{vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    -moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
}

For CMS add at the very bottom of addittional.css

.cms_widget {margin-bottom: 10px;}

Thanks to :

Original code provided by Lynne :up: Tweaked to work with all versions of vbulletin upto 4.1.3,it'll probably work with the latest version too!!
Charlie9802 for providing CMS Code :up:

Code updated!!! 2-6-2011

tested on 4.1.3 so far all previous versions it will work on



Enjoy

[YankForum]

just give it a try , you'll love it

[JIMRANGERS]

many thanks for all the above, does anyone know the stylevar or edit that needs done to seperate the blog blocks the same way?

[COL NIL SATIS]

Answers on page 1 buddy!!!!!! glad you like it !!!!!

[JIMRANGERS]

Originally Posted by COL NIL SATIS

Answers on page 1 buddy!!!!!! glad you like it !!!!!

jeez! im blind bud, cant see it

i see your hack - very good as well as a CMS hack that works great for the front page but nothing for the separator on the blog blocks.

[COL NIL SATIS]

Originally Posted by JIMRANGERS

jeez! im blind bud, cant see it

i see your hack - very good as well as a CMS hack that works great for the front page but nothing for the separator on the blog blocks.

Ahhh i see...hopefully someone can post up a blogs code too ....Sure there is one mate!!

i dont have blogs so cant help really but the guys here im sure will add 1 bud :up:

[Fusion2]

I installed and having some problems.

The CMS separator worked great. But, when i use the forum separator, it messes up my blog menu. Separates both the Forum and Blogs, but the blogs are left with a background color space between the separated area.

Any ideas how to fix?

[COL NIL SATIS]

Originally Posted by Fusion2

I installed and having some problems.

The CMS separator worked great. But, when i use the forum separator, it messes up my blog menu. Separates both the Forum and Blogs, but the blogs are left with a background color space between the separated area.

Any ideas how to fix?

I wouldn't know mate,i dont have the blogs on my site and i only use it for the sideblocks,im sure there's a simple solution though.

[COL NIL SATIS]

Added HTML tags to original code so it now complies with VB regulations,also added Charlies CMS Code....

[fkatzenb]

There is a change in the code... here is the code with the correction... note the stylevar variable is now sidebar_background.backgroundColor

#sidebar_container .underblock {background: none; height: 10px;}
#sidebar_container > ul {
    -moz-border-radius:0px;
    -webkit-border-radius:: 0px;
    -moz-box-shadow: none;
    background-color: transparent;
    border:0px;
}
#sidebar_container .block {
    background-color:{vb:stylevar sidebar_background.backgroundColor};
    border:{vb:stylevar forum_sidebar_border};
    -moz-border-radius:{vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    -moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
}

[Raptor]

great - thanks