HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Rounded Corners

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#48076 (In Topic #10525)
Avatar

Community saint

Background and boxes

Hey OCP Community!

Has anyone had any experience designing rounded corners? Any tips you'd like to pass along? ;) I have the necessary imagery, but I'm looking for clues as to CSS entry location. Here's what I'm looking for:



TIA!

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#48078
Avatar

Community saint

Yep my first theme on oc4themes has rounded corners.
I can show you the code I used if you like.

I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
Posted
Rating:
#48079
Avatar

Community saint

Yes please Ami! I've tried all over HEADER.tpl and I've only managed to make the backgroud white LOL.

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#48080
Avatar

Community saint

Code

<div class="standardbox_curved_title_left">
 <div class="standardbox_curved_title_right">
 <h4 class="standardbox_title_curved">{TITLE}</h4>
 </div>
 </div>
Template

Code

.standardbox_curved_title_left {
 background: url("{$IMG,standardboxes/title_left}") 0 0 no-repeat;

.standardbox_curved_title_right {
 background: url("{$IMG,standardboxes/title_right}") 100% 0 no-repeat;

.standardbox_title_curved, .standardbox_title_curved_iesucks {
 padding-top: 2px;
 margin-top: 0;
 margin-bottom: 0;
 height: 18px;
 border-top: 1px solid #072d65; /* {$,wizard, 100% bordcolor}*/
 border-bottom: 1px solid #072d65; /* {$,wizard, 100% bordcolor}*/
}

.standardbox_title_curved {
 margin-left: 6px;
 margin-right: 6px;
css

I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
Posted
Rating:
#48081
Avatar

Community saint

+ 1  :thumbs:

www.precorp.fr

Last one to leave the country, please turn off the lights.
Back to the top
 
Posted
Rating:
#48082
Avatar

Community saint

Perfect, thanks Ami! Any thoughts on the overall body? I'm after a container with rounded corners. I'm wondering if I should just add another DIV (wrapper) and do it that way?

"no violence, no hate, no pain, no enemies
just peace, unity, tolerance and love" - The Beloved

OCP V7 | Advocating monetary reform - FreeOurMoney

Need OCP friendly hosting? Look no further:
Web Hosting, Reseller Hosting, and Dedicated Servers w/cPanel - Elief! - Official hosting partner for ocPortal.
Back to the top
 
Posted
Rating:
#48083
Avatar

Community saint

yep and the css for rounded corners is already there as ocportal comes with a few blocks that are already rounded.
You can look at how that one is done .
templates/STANDARDBOX_curved.tpl

I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
Posted
Rating:
#48086
Avatar

Fan in action

Thank you Ami. I needed it to :-)

We should open a theme wiki or something like that with tuts

Wanna help to translate ocP in your own language? Then take a look to this site! Please register here before!
Any problems, or questions?
Look here!
Back to the top
 
Posted
Rating:
#48088
Avatar

Community saint

Yep I was thinking about doing that on oc4themes.
:)

I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
Posted
Rating:
#48091
Avatar

Fan in action

this is a great idea ami ^^

Wanna help to translate ocP in your own language? Then take a look to this site! Please register here before!
Any problems, or questions?
Look here!
Back to the top
 
Posted
Rating:
#48092
Avatar

Community saint


I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: