View Single Post
  #6  
Old 10-11-2010, 02:02 AM
 
Learner Learner is offline
 

X-Adept
  
Join Date: Dec 2008
Posts: 807
 

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

Hi PhilJ,
Codes works perfect on home page,product details but does not work on cart and fast lane checkout page.

How to solve this??

Waiting for reply.
__________________
4.6.1 Platinum


Reply With Quote