| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
Rounded Corners - CSS and JS Methods | ||||
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
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
__________________
xcartmods.co.uk |
|||||||
|
#2
|
|||||||||
|
|||||||||
Re: Rounded Corners - CSS and JS Methods
Thanks and Big Thumbs Up for your 1000
|
|||||||||
#3
|
|||||||
|
|||||||
Re: Rounded Corners - CSS and JS Methods
Quote:
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 |
|||||||
#4
|
|||||||||
|
|||||||||
Re: Rounded Corners - CSS and JS Methods
any help please how to put round box areound the product in product list page
Thanks
__________________
X-Cart Gold 4.3.2 X-Cart Gold 4.4.1 Unix High Quality CCTV DVRs & Cameras http://www.eaglemobiles.co.uk/CCTV |
|||||||||
#5
|
|||||||
|
|||||||
Re: Rounded Corners - CSS and JS Methods
PhilJ will it work on 4.1.11??
waiting for your reply.. |
|||||||
#6
|
|||||||
|
|||||||
Re: Rounded Corners - CSS and JS Methods
Quote:
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. |
|||||||
#7
|
|||||||||
|
|||||||||
Re: Rounded Corners - CSS and JS Methods
HI,
Bit hard to find PhilJ these days? Thanks, |
|||||||||
#8
|
|||||||
|
|||||||
Re: Rounded Corners - CSS and JS Methods
Then how to solve this issue???
|
|||||||
#9
|
|||||||
|
|||||||
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 |
|||||||
#10
|
|||||||||
|
|||||||||
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
__________________
X-Cart version 4.7.6 Gold xcartmods.co.uk - Ultra Template |
|||||||||
|
|||
X-Cart forums © 2001-2020
|