Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Pure CSS Rounded Boxes! (no images, no tables)

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions
 
Thread Tools Search this Thread
  #181  
Old 12-14-2009, 06:32 AM
 
wplume wplume is offline
 

Member
  
Join Date: May 2005
Location: Missouri, USA
Posts: 29
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Thanks-made the changes and works great in Firefox 3.5 but I lose the left and right borders (but not the bottom border) in IE 8-any idea why?
__________________
cnctech
v4.1.9
CDSEO Pro
Advanced Mini-Cart
AOM
Remember Me
Remember Anonymous Carts
BCS Fast Lane Shipping Estimator
BCS Order Page Emailer
BCS Authorize.net DPM
BCS Inventory Pricing
Checkout One
Reply With Quote
  #182  
Old 12-14-2009, 11:15 AM
 
wplume wplume is offline
 

Member
  
Join Date: May 2005
Location: Missouri, USA
Posts: 29
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

JWait

Thanks again-got the IE8/Firefox problem worked out; it was a couple missing spaces between the "solid" and "color" hex number.
__________________
cnctech
v4.1.9
CDSEO Pro
Advanced Mini-Cart
AOM
Remember Me
Remember Anonymous Carts
BCS Fast Lane Shipping Estimator
BCS Order Page Emailer
BCS Authorize.net DPM
BCS Inventory Pricing
Checkout One
Reply With Quote
  #183  
Old 01-05-2010, 06:31 AM
  promart418's Avatar 
promart418 promart418 is offline
 

Senior Member
  
Join Date: Jan 2009
Location: Leeds, West Yorkshire, England
Posts: 137
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Is the code on page 1 of this post suitable for my v4.1.11 website?

The reason I want to replace my rounded corner images and boxes with pure CSS rounded boxes is to improve page load speeds and remove unnecessary images. The menus should look exactly the same as they do now. Is this worthwhile?

I am not very good at css, but I could follow the step by step instructions on page 1 if they still work.

Please help!
__________________
x-cart version - 5

Martin Procter

Promart Supplements
Nicola Anne Photography
Reply With Quote
  #184  
Old 01-19-2010, 09:24 AM
  Yalokin's Avatar 
Yalokin Yalokin is offline
 

Advanced Member
  
Join Date: Sep 2009
Location: New York USA
Posts: 75
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Hello.

thank you for your post.

Did anyone try it with 4.23 of 4.3?

Are there any mod to make side bar menu with rounded corner?
Are there any other posts on same topic?

thank you.
__________________
Reply With Quote
  #185  
Old 01-19-2010, 10:42 AM
  Yalokin's Avatar 
Yalokin Yalokin is offline
 

Advanced Member
  
Join Date: Sep 2009
Location: New York USA
Posts: 75
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Quote:
Originally Posted by JWait
It is a great mod and should work with 4.2 without any problems.

did anyone tryid it with 4.23?
I have some problem.
I need ot have BG color and cusotm rounded image for header.
Aslo it break side border almost at the end of each blockhttp://www.webredesignpro.com/images/ROUNDED-CSS.jpg

Could you be so kind and give me some advice.

thank you.
__________________
Reply With Quote
  #186  
Old 01-19-2010, 11:27 AM
  Yalokin's Avatar 
Yalokin Yalokin is offline
 

Advanced Member
  
Join Date: Sep 2009
Location: New York USA
Posts: 75
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Quote:
Originally Posted by PhilJ
Been asked for this many times, so I have this mod available if anyone's interested. Makes the job very easy, with minimal markup.

Please post link to I we can see it.
Is it paid or free mode?


Do you have demo?

thank you.
__________________
Reply With Quote
  #187  
Old 01-30-2010, 06:54 PM
 
wplume wplume is offline
 

Member
  
Join Date: May 2005
Location: Missouri, USA
Posts: 29
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Just need a little help-this mod workes perfect for me in IE8 but when I use Firefox 3.5 the bottom border of the center boxes is seperated from the rest of the box. This doesn't happen on the home page, just any subcategory page and only in the center box-the right and left vertical boxes display fine in both IE8 and Firefox. You can see this in action at: http://www.icai-online.com/series-1-1-1.5-2hp/. The code has been checked several times and I can't find any bad code and it does work correctly in IE.

Anybody have this problem? Any help would be appreciated.

Thanks

Wayne


Here's a screen shot: http://forum.x-cart.com/attachment.php?attachmentid=1833&stc=1&d=126490986 3
Attached Images
File Type: bmp firefox1.bmp (415.2 KB, 133 views)
__________________
cnctech
v4.1.9
CDSEO Pro
Advanced Mini-Cart
AOM
Remember Me
Remember Anonymous Carts
BCS Fast Lane Shipping Estimator
BCS Order Page Emailer
BCS Authorize.net DPM
BCS Inventory Pricing
Checkout One
Reply With Quote
  #188  
Old 01-31-2010, 04:24 AM
  JWait's Avatar 
JWait JWait is offline
 

X-Man
  
Join Date: Nov 2005
Location: California
Posts: 2,440
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

Try adding a break tag to the bottom div, like this
Code:
{* $Id: dialog.tpl,v 1.8 2008/11/26 06:31:47 cray Exp $ vim: set ts=2 sw=2 sts=2 et: *} {* Mods - replaced entire contents to make rounded boxes *} {if $printable ne ''} {include file="dialog_printable.tpl"} {else} <div class="xrounded{if $additional_class} {$additional_class}{/if}"> <b class="xtop"> <b class="xb1"></b> <b class="xb2 color_a"></b> <b class="xb3 color_a"></b> <b class="xb4 color_a"></b> </b> <div class="xboxcontent{if $additional_class} {$additional_class}{/if}"> <h1 class="color_a{if $printable ne 'Y'} title-with-sort-row{/if}">{$title}</h1> <div class="dialog-search-sort-bar"> {if $selected eq '' && $direction eq ''} {include file="customer/search_sort_by.tpl" selected=$search_prefilled.sort_field direction=$search_prefilled.sort_direction url=$products_sort_url} {else} {include file="customer/search_sort_by.tpl" url=$products_sort_url} {/if} </div> <div class="content{if $additional_class} {$additional_class}{/if}">{$content}<br /></div> </div> <b class="xbottom"> <b class="xb4"></b> <b class="xb3"></b> <b class="xb2"></b> <b class="xb1"></b> </b> </div> {/if}
__________________
Two Separate X-Cart Stores
Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux
Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series.
Integrated with Stone Edge Order Manager + POS

Version 4.1.12 Gold (fresh install) - X-AOM - Linux
Mods - XCSEO free
Reply With Quote
  #189  
Old 01-31-2010, 07:24 AM
 
wplume wplume is offline
 

Member
  
Join Date: May 2005
Location: Missouri, USA
Posts: 29
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

JWait

I tried adding the break tag-it didn't fix the problem. Here is my dialog.tpl code:

{* $Id: dialog.tpl,v 1.25 2005/12/20 08:50:49 max Exp $ *}
{if $printable ne ''}
{include file="dialog_printable.tpl"}
{else}
<div class="xrounded">
<b class="xtop"><b class="xb1"></b><b class="xb2 color_a">
</b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b>
<div class="xboxcontent">
<h1 class="color_a">{$title}</h1>
<div>{$content}
&nbsp;</p></div>
</div>
<b class="xbottom">
<b class="xb4 color_b"></b>
<b class="xb3 color_b"></b>
<b class="xb2 color_b"></b>
<b class="xb1"></b>
</div>
{/if}

If you see anything that would fix the problem I'd appreciate it.

Thanks!
__________________
cnctech
v4.1.9
CDSEO Pro
Advanced Mini-Cart
AOM
Remember Me
Remember Anonymous Carts
BCS Fast Lane Shipping Estimator
BCS Order Page Emailer
BCS Authorize.net DPM
BCS Inventory Pricing
Checkout One
Reply With Quote
  #190  
Old 01-31-2010, 07:55 AM
 
wplume wplume is offline
 

Member
  
Join Date: May 2005
Location: Missouri, USA
Posts: 29
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

JWait

Found the problem-it was the </p> tag in the middle of the code; thanks for taking a look.
__________________
cnctech
v4.1.9
CDSEO Pro
Advanced Mini-Cart
AOM
Remember Me
Remember Anonymous Carts
BCS Fast Lane Shipping Estimator
BCS Order Page Emailer
BCS Authorize.net DPM
BCS Inventory Pricing
Checkout One
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 08:23 AM.

   

 
X-Cart forums © 2001-2020