Round corners on main pages in v9

[midwinter]

Morning all,
Sorry if this is a bit long winded...
I wonder if anyone is able to help? I have some HTML (Dreamweaver) , a little actinic, but virtually no css, ( - over the years I've managed to sort things out by a lot of trial and error).

My latest change has defeated me. I'm just having a tidy up of my site, moving from fluid width to fixed width, and I've managed to put in Normans menu, (which is outstanding by the way - thanks Norman).

Things are far from finished but next on my list is to make the corners of the main pages round. -- I'm not bothered about rounding everything on the page, just the four page corners.

It's possible, as I've been trying for a week, dropping in small bits of css code with radii etc, all over the place, and seeing some round corners, but so far, I've only managed to make a mess, (starting to feel a bit like Groundhog Day) - and get round boxes scattered all over the place on the pages, so I'm obviously not putting the code in the correct place on the stylesheet (or not closing something with div tags or something like that (told you no CSS)).

I've searched the forums, help, knowledge base, google, etc. Would anyone be able to advise me what code I need to put where in the stylesheet, and what I need to do to to keep it just to the four corners of the main pages? As far as I can see it's just a few lines?

Many thanks
Ian

[Duncan Rounding]

Let us have the URL if your site so we can see what you have.

[midwinter]

Rounded corners !

Let us have the URL if your site so we can see what you have.

Thanks for taking the time Duncan, I'm elsewhere at the moment, and the original expanding width site is still up live, but I'll get the work-in-progress fixed-width + accordian uploaded this evening and post the link,
If it's of any help, the original expanding, non-accordian menu site is http://medicalhypnosisdownloads.com
- You can see why I wanted to re-vamp it !
Regards
Ian
p.s. Just thought to mention. All I've actually done to go from fluid to fixed is run through the actinic wizard again and change to fixed, one sidebar on left, 9and then dropped accordian menu in).

[midwinter]

Rounded corners via css stylesheet?

Morning again Duncan,

I've uploaded the work in progress at http://medicalhypnosisdownloads.com

Please ignore the colours, content etc !

This is an example of the piece of code I've been hopefully (and fairly randomly) dropping into the main css stylesheet this week

.rounded {
border-radius:3ex;
-webkit-border-radius:3ex;
-moz-border-radius:3ex;
}

The only thing I managed to do on one occasion was to make just about every corner on the page rounded (except for the four main ones which I was aiming at!).

I'm thinking now that if it can't be done, I'll work with top/bottom images with rounded corners (as in some of the existing themes), - I might get away with this method even with the graduated background if I kept the radius small.

Thanks again
Ian

[NormanRouxel]

You have jQuery loaded (courtesy of Accordion Menu). Google for "jquery rounded corners" and you'll find many ways to do this.

[midwinter]

You have jQuery loaded (courtesy of Accordion Menu). Google for "jquery rounded corners" and you'll find many ways to do this.

Thanks very much Norman, I'd saw some info about jquery when I was googling rounded corners. I didn't know I already had it though!

I'll have a look and some trials!

Regards,

Ian

[NormanRouxel]

My demo page for Accordion on http://www.drillpine.biz/v9accordion...imedia_PC.html uses one such plugin. I'm using it to round the background around the product listings.

See https://community.sellerdeck.com/sho...t=48520&page=2 post #20 for some info. Documentation on the plugin on http://www.cs.cmu.edu/~aiton/netflix...y.corners.html

The link to the code seems to be obsolete but you can probably find it with some searching or lift it from my demo pages.

[midwinter]

Round Corners

Thanks again Norman,
Plenty of pointers for me to work with,
Just the job !
Regards
Ian