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

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

Default Re: Rounded Corners - CSS and JS Methods

Quote:
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:

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

JS Method:

Positives:
- 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
Negatives:
- Much slower rendering in IE

DOWNLOAD
http://www.xcartmods.co.uk/freebies/X-Cart_Rounded_Corners_v4.3.x.zip

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