Add "nifty" rounded corners without making images.

dk01's picture

He has: 516 posts

Joined: Mar 2002

I thought this might be a helpful tutorial for those looking for a simple way to add "nifty" rounded corners to their page. The downside is that it is javascript based. However, I think that is outweighed by the fact that you don't need any images for it, it breaks down nicely when Javascript is turned off, and lastly it supports transparency.

Check it out here and add a bit of roll to your site!
http://pro.html.it/articoli/id_599/idcat_31/pag_1/pag.html

Its got some great examples on pages 3 & 4. Remember to take a look at it without Javascript to see that it still turns out but isn't quite as pretty. Laughing out loud

-dk

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Cool, thanks for posting that!

They have: 23 posts

Joined: May 2005

I see the code but don't see any examples. Consider posting a visual example.

dk01's picture

He has: 516 posts

Joined: Mar 2002

Go to page 3 or 4 of the article and click on any of the Example links.

-dk

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

That's brilliant! Indeed, there are visual examples - try clicking on one of the headers (they seem a little disguised Smiling )

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.