View Single Post
Old 05-02-2010, 03:31 PM
Christofer Christofer is offline

Join Date: Apr 2009
Location: Thessaloniki, Greece
Posts: 202

Default Re: Rounded Corners - CSS and JS Methods

Originally Posted by PhilJ
Thought I'd post the two best rounded corners methods I've found.

Roll on CSS3 on all browsers, but in the mean time these will have to do.

Hope you can make good use of these in your X-Cart and other projects

Examples given for v4.3.x

CSS Method:

- Very lightweight and fast rendering
- Easy to customise via CSS
- Jagged corners
- Only one possible corner radius
- Only 1 pixel borders
- More HTML markup

JS Method:

- Easy to customise via CSS
- Anti-aliased corners
- Easily change corner radius
- Ability to round different corners
- Different width borders
- Can use shadows
- Less HTML markup
- Much slower rendering in IE


1000th post

for v.4.2.x?
X-Cart Gold : 4.2.1 (on linux parallels plesk / mysql)
Php v5.2.9 (Zend: 2.2.0) - MySql v5.0.79 - LiteSpeed server
Modules : X-Offer & X-Aom & One page checkout
Product tabs & Product downloads & many more
Reply With Quote