I've found a way to get rounded corners with IE

[Attitude5ire]

If you are going to use an external file, might as well use the jquery library which can be used for even more addons with only one single file

[CK]

Originally Posted by Attitude5ire

If you are going to use an external file, might as well use the jquery library which can be used for even more addons with only one single file

Hi,

Is it essentially the same process, uploading a file to riot and referencing it in the same way?

[TheLastSuperman]

Originally Posted by ChemicalKicks

Thank you

That's so strange it doesn't seem to be working for me (Using IE9 BTW).

It's getting late for me now though so I think I'm going to bed and will pick this up again in the morning. Thanks for your help.

EDIT: Applied the changed to "Original".

You must add the radius value directly below i.e.

	behavior:url(border-radius.htc);
	border-radius: 5px;

Or you can use:

	border-radius: {vb:stylevar border_radius};

It should work then and will specify your selected border radius .

You can also do these quick and simple css template edits and round the basic outside corners off the bat:

AdminCP > Styles & Templates > Style Manager > Edit Templates > CSS Templates >

2 Templates to edit for this basic adjustment;

vbulletin.css

Find:

.body_wrapper {
	padding: {vb:stylevar body_padding};
	background: {vb:stylevar body_background};
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
}

Add:

	behavior:url(border-radius.htc);
	border-radius: {vb:stylevar border_radius};

Should now read:

.body_wrapper {
	padding: {vb:stylevar body_padding};
	background: {vb:stylevar body_background};
	-moz-border-radius: {vb:stylevar border_radius};
	-webkit-border-radius: {vb:stylevar border_radius};
	behavior:url(border-radius.htc);
	border-radius: {vb:stylevar border_radius};
}

SAVE

Now edit template - vbulletin-chrome.css

Find:

.navbar {
	position:relative;
	height:{vb:math {vb:stylevar navbar_tab_border.borderWidth} + {vb:stylevar navbar_tab_size.height} * 2}px;
	background:{vb:stylevar navbar_background};
	margin:{vb:stylevar navbar_margin};
	color:{vb:stylevar navbar_color};
	font:{vb:stylevar navbar_font};
	border:{vb:stylevar navbar_border};
	-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}

Add the same code to the end of this css definition just like you did above, it should now read:

.navbar {
	position:relative;
	height:{vb:math {vb:stylevar navbar_tab_border.borderWidth} + {vb:stylevar navbar_tab_size.height} * 2}px;
	background:{vb:stylevar navbar_background};
	margin:{vb:stylevar navbar_margin};
	color:{vb:stylevar navbar_color};
	font:{vb:stylevar navbar_font};
	border:{vb:stylevar navbar_border};
	-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	behavior:url(border-radius.htc);
	border-radius: {vb:stylevar border_radius};
}

SAVE

And that should do it for the basic outside corners now you must move forward and do the rest .

[CK]

Thanks for all the help with this