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

[Scalemotorcars]

I think I fixed the shadow issue for Chrome.

Find these lines in sidebar.css

#sidebar_container > ul {
	background:{vb:stylevar sidebar_background};
	border:{vb:stylevar sidebar_border};
	-moz-border-radius:{vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius};
       -moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
	-webkit-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
	box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
        float:{vb:stylevar left};
	width:100%;
}

Replace it with this.

#sidebar_container > ul {
	background:{vb:stylevar sidebar_background};
	border:{vb:stylevar sidebar_border};
	-moz-border-radius:{vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	border-radius: {vb:stylevar border_radius};
        float:{vb:stylevar left};
	width:100%;
}

Now go and replace the code from this mod with this code.

#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};
-webkit-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
}

Confirmed working on a 4.1.4 board and Chrome, Firefox, IE browsers. I have checked others.

[pantani]

Thanks works fine 4.1.7

[COL NIL SATIS]

Originally Posted by TheTrust

myself i changed the background

instead of

#sidebar_container .underblock {background: none; height: 10px;}

to:

#sidebar_container .underblock {background: url("link of your bg image"); height: 26px;}

it gives a nice look

thank you COL NIL SATIS for your great work

You are Welcome

[albanah]

what is the code for blog sidebar?
Please help

[AddwireCom]

I still have a shadow on Firefox, i dont is there an update for Version 4.1.9?

[Ra11en]

Installed on 4.1.9 and is working great. Thanks!! Makes it look so much better!

[lfreem2]

Sweet! Works like a charm on 4.1.10! Thanks for sharing!

[ProFifaLeagues]

Originally Posted by albanah

what is the code for blog sidebar?
Please help

Not supported but try this and if I remember right Lynne posted this originally?

Put this in the additional.css template:

Code:
.cms_widget {margin-bottom: 10px;}

[fxdigi-cash]

works great on vb4.2.1

Thanks

[oldfan]

works great on 4.2.2, thanks