vb.org Archive - I've found a way to get rounded corners with IE

Quote:

Originally Posted by ChemicalKicks (Post 2192459)

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.

Code:

        behavior:url(border-radius.htc);

        border-radius: 5px;

Or you can use:

Code:

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:

Code:

.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:

Code:

        behavior:url(border-radius.htc);

        border-radius: {vb:stylevar border_radius};

Should now read:

Code:

.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:

Code:

.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:

Code:

.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 :cool:.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01075 seconds Memory Usage 1,737KB 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 (7)bbcode_code_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (4)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: