vb.org Archive - CSS Rounded Corners For Pages

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)

- - CSS Rounded Corners For Pages (https://vborg.vbsupport.ru/showthread.php?t=249514)

vijayninel

08-29-2010 05:43 AM

CSS Rounded Corners For Pages

Hi, I was trying to put rounded corners for pages using CSS so I puth following code : -moz-border-radius: 10px; border-radius: 10px; in the Extra CSS Attributes of the Page Background selector. While this put rounded corners on the page, the problem is that it also puts rounded corners in individual posts.

Can anyone tell me how I can put rounded corners in just the page and not individual posts.

Thanks.

Lynne

08-29-2010 02:03 PM

You probably need to then remove the border radius for all divs 'under' the page.

vijayninel

08-29-2010 10:15 PM

Thanks Lynne. I solved the problem by putting a rounded div under the header.

CoffeeLovesYou

08-12-2012 07:19 PM

I am having this same issue.
I put

Code:

-moz-border-radius: 20px; border-bottom-right-radius: 20px; 

-moz-border-radius: 20px; border-top-right-radius: 20px;

-moz-border-radius: 20px; border-bottom-left-radius: 20px; 

-moz-border-radius: 20px; border-top-left-radius: 20px;

in the Page Background Extra CSS Attributes, however it re-rounds the posts as well on threads.
So, I tried this;

Code:

.rounded edges {

-moz-border-radius: 20px; border-bottom-right-radius: 20px; 

-moz-border-radius: 20px; border-top-right-radius: 20px;

-moz-border-radius: 20px; border-bottom-left-radius: 20px; 

-moz-border-radius: 20px; border-top-left-radius: 20px;

}

in the Extra CSS Attributes for Page Background, then I put

HTML Code:

<div class="rounded edges">

at the bottom of the header template

and

HTML Code:

</div>

at the bottom of the footer template

The result is nothing.

How did you fix this exactly, vijayninel? :(

Lynne

08-13-2012 02:23 AM

Link to the site/style?

vijayninel

08-13-2012 03:17 AM

Quote:

Originally Posted by CoffeeLovesYou (Post 2356496)

in the Page Background Extra CSS Attributes, however it re-rounds the posts as well on threads.
So, I tried this;
n the Extra CSS Attributes for Page Background

Dont put it in the Extra CSS Attributes put it in the second Additional CSS Definitions box at the bottom of the page.

I use this ...

HTML Code:

.toproundoff{width: 97%; 

height: 10px; background-color:#ffffff; -moz-border-radius-topright:10px; -moz-border-radius-topleft:10px; border-top-right-radius:10px; border-top-left-radius:10px;  padding-bottom:12px; margin: 0 auto;}

And then put <div class="toproundoff"> </div> below the  in the header template. You may need to adjust the padding for your style.

CoffeeLovesYou

08-15-2012 12:39 AM

Quote:

Originally Posted by Lynne (Post 2356546)

Link to the site/style?

http://www.toontownplayground.com

Style is Dance!
Right now it isn't rounded but I'll try now, tyvm!
Edit; it works, thank you very much! :)

Simon Lloyd

08-15-2012 03:24 AM

Quote:

Originally Posted by CoffeeLovesYou (Post 2357030)

http://www.toontownplayground.com

Style is Dance!
Right now it isn't rounded but I'll try now, tyvm!
Edit; it works, thank you very much! :)

I checked your site out, didn't see it in "Dance" using IE8 did see it in "Fishing" but only top right and bottom left corners?

All times are GMT. The time now is 04:58 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01122 seconds Memory Usage 1,732KB 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 (2)bbcode_code_printable (3)bbcode_html_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (8)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: