MyBB Community Forums

Full Version: Round thead borders?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
http://envizioned.net

As you can see, my site looks really sharp, if you know what I mean.

How do I round the borders of the thead, sort of like this?

http://www.scriptinstalls.net/forum/index.php
open your theme then click> Addstylesheet>name it as css3.css

then add this code

.tborder,
.tborder2,
.navigation,
input.textbox,
.thead,
.logo,
.pagination_previous,
.pagination_first,
.pagination_page,
.pagination_current,
.pagination_last,
.pagination_next,
.pagination_breadcrumb,
.pm_alert,
.menu ul,
.postbitt,
.postbit,
.avatar,
.avatar,
.flinkbg,
.messageEditor,
.popup_menu,
blockquote,
.codeblock,
img.attachment,
fieldset,
legend {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


then save it,you will have round borders in your entire theme Smile

if u want any other theme elements to be rounded just add it in the above code and seperate it with a ,

like

.avatar,

this is it Smile
Thank you, it looks great, though is there a way I can unround the bottom top corners?

That way the bottom two corners are still square, but the top two are rounded?
add this within the code given above
#container,
.bottommenu,



(2011-07-04, 05:20 AM)envira Wrote: [ -> ]add this within the code given above
#container,
.bottommenu,

Thanks.

You wouldn't happen to know the answer to my other question though, would you?
(2011-07-04, 05:34 AM)Insidious Wrote: [ -> ]
(2011-07-04, 05:20 AM)envira Wrote: [ -> ]add this within the code given above
#container,
.bottommenu,

Thanks.

You wouldn't happen to know the answer to my other question though, would you?

May i know what's your other question is?
whats the question ??????
OFF TOPIC : please do not respond like last sentence of post #5

ON TOPIC :
Quote:is there a way I can unround the bottom top corners?

That way the bottom two corners are still square, but the top two are rounded?


please see : css - rounded border

{ yes, I do not know the exact code as I've not tested it at this moment Wink
arguments (if any) thru PM please Smile }
use this in thead or wherever you want things to have rounded borders in top and not in bottom.

Quote:-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;