X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Dev Questions (https://forum.x-cart.com/forumdisplay.php?f=20)
-   -   Rounded Corners - CSS and JS Methods (https://forum.x-cart.com/showthread.php?t=53519)

PhilJ 04-29-2010 04:19 PM

Rounded Corners - CSS and JS Methods
 
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 :D/

AusNetIT 04-29-2010 05:28 PM

Re: Rounded Corners - CSS and JS Methods
 
:D/ Thanks and Big Thumbs Up for your 1000

Christofer 05-02-2010 03:31 PM

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 :D/


for v.4.2.x?

eaglemobiles 05-31-2010 04:28 PM

Re: Rounded Corners - CSS and JS Methods
 
any help please how to put round box areound the product in product list page

Thanks

Learner 06-18-2010 01:15 AM

Re: Rounded Corners - CSS and JS Methods
 
PhilJ will it work on 4.1.11??

waiting for your reply..

Learner 10-11-2010 02:02 AM

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 :D/


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.

AusNetIT 10-11-2010 02:14 AM

Re: Rounded Corners - CSS and JS Methods
 
HI,

Bit hard to find PhilJ these days?

Thanks,

Learner 10-11-2010 02:17 AM

Re: Rounded Corners - CSS and JS Methods
 
Then how to solve this issue???

Learner 10-11-2010 09:08 PM

Re: Rounded Corners - CSS and JS Methods
 
Ok solve it We have to add <link rel="stylesheet" type="text/css" href="{$SkinDir}/corners/styles.css" /> in
skin1/modules/Fast_Lane_Checkout/home.tpl to get the rounded corner in cart and Fast lane checkout page.

Thanks

KCAutosound 10-18-2010 07:04 PM

Re: Rounded Corners - CSS and JS Methods
 
Any ideas on how to get this to work around the products? I did this with my previous site using images for the rounded borders but would like to use this mod instead.

http://www.kcautosound.com/images/rounded.jpg

Learner 10-18-2010 09:34 PM

Re: Rounded Corners - CSS and JS Methods
 
Yes it will be better if the rounded corner will also display on products page. Thanks, KC Autosound you have an excellent idea.I think PhilJ will do something for this.

Learner 10-21-2010 08:54 AM

Re: Rounded Corners - CSS and JS Methods
 
HI Philj is it possible for products page??

xtech 12-07-2011 03:45 AM

Re: Rounded Corners - CSS and JS Methods
 
Hi Phil,
Can I able to get rounded corner in products page for 4.4.2 X cart pro?


All times are GMT -8. The time now is 04:09 PM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.