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
  #31  
Old 11-12-2007, 05:04 AM
 
zeta1600 zeta1600 is offline
 

Advanced Member
  
Join Date: Mar 2006
Posts: 81
 

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

This is great... I was wondering. Can this be done with the overall wrapper?
__________________
Thanks.

X-Cart 4.1.9 Gold upgraded to 4.1.10
Considering 4.2

Local Computer:
Mac OS 10.5.6
Brower Firefox 3.0.5

Server:
OS Linux
Apache 2.0.63
PHP 5.2.5
MySQL 5.0.51a-community
Reply With Quote
  #32  
Old 11-12-2007, 08:59 AM
 
typologist typologist is offline
 

Advanced Member
  
Join Date: Jul 2007
Posts: 51
 

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

Quote:
Originally Posted by zeta1600
This is great... I was wondering. Can this be done with the overall wrapper?
Overall wrapper? I dont understand what you mean. Can you elaborate on this?
__________________
4.1.8 Gold (Unix)
Reply With Quote
  #33  
Old 11-12-2007, 09:07 AM
 
zeta1600 zeta1600 is offline
 

Advanced Member
  
Join Date: Mar 2006
Posts: 81
 

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

Sorry, maybe I'm not using the correct terminology. Basically, I am talking about the "frame" for the public pages. The default for x-cart is 100% width in the rectangle_top.tpl. I adjusted it to 90% and centered. My question is, can that be framed with a rounded box somehow?
Attached Thumbnails
Click image for larger version

Name:	Buellv1.jpg
Views:	205
Size:	19.1 KB
ID:	630  
__________________
Thanks.

X-Cart 4.1.9 Gold upgraded to 4.1.10
Considering 4.2

Local Computer:
Mac OS 10.5.6
Brower Firefox 3.0.5

Server:
OS Linux
Apache 2.0.63
PHP 5.2.5
MySQL 5.0.51a-community
Reply With Quote
  #34  
Old 11-13-2007, 02:29 PM
 
kevin34 kevin34 is offline
 

Advanced Member
  
Join Date: Aug 2007
Posts: 41
 

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

Hi
many thanks for the mod - excellent work!.

However I am experiencing a strange problem that I am hoping you can help me out with...

Prior to using your code changes, I made some other changes to show my categories as icons instead of plain text. But if I have more than six subcategories my right hand menu boxes (ie "Your cart" & "Authentication") go off the edge of the screen.

For example if you could look at :

http://www.grangewildbirdcare.co.uk/home.php?cat=1

this looks fine, however you will see my problem when you go to:

http://www.grangewildbirdcare.co.uk/home.php?cat=3

Any ideas what I may have done wrong?

Many thanks
Kev

For further info...

to try and eliminate any problems with my previous modifications I created a new test site (Xcart Gold 4.1.9) and only edited the skin1.css, skin1_admin.css and menu.tpl in order to only replace the sideboxes.

If you look at the attached image, the correct image on the left is from the "Terms & conditions" page, whereas the image on the right shows the "Contact us" page.

Hope this may help finding where I have messed up....
Attached Thumbnails
Click image for larger version

Name:	example.gif
Views:	242
Size:	10.8 KB
ID:	639  
__________________
X-Cart Gold 4.3
Reply With Quote
  #35  
Old 11-17-2007, 10:44 AM
 
northstar northstar is offline
 

Advanced Member
  
Join Date: Nov 2006
Posts: 33
 

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

I love this mod, however, it seems to have messed up my fonts/styling for my static pages, as well as my privacy statement pages. I can open the pages through the admin site, but whatever changes I make don't get applied. They are a wreck, and are simply difficult to read now!

It looks like the problem lies within the coding of the dialog.tpl document, but I can't seem to pinpoint which part of the new code is controlling the fonts, and over-writing any changes I try to apply through the admin side of the website. Any ideas of how to edit the dialog.tpl code so that it only changes the headers of the boxes, and not the text inside?

I would love some help! Thanks!
-Alisa
__________________
Alisa
X-Cart 4.3
Reply With Quote
  #36  
Old 11-22-2007, 05:23 AM
 
Swish Swish is offline
 

X-Adept
  
Join Date: Nov 2006
Posts: 450
 

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

ok, forgive as I'm a total novice at editing css/templates and such.
Tried the mod and it works great but I notice it replaces an image with a colour.
Before I had an image with a gradient fading top and bottom now I just have one colour. Is it possible to get my image back and still have the menu corners?
__________________
2007-2010 LC: 2.2.41
Jumped ship due to lack of development.
Reply With Quote
  #37  
Old 12-16-2007, 08:55 AM
  wank3r's Avatar 
wank3r wank3r is offline
 

eXpert
  
Join Date: Aug 2006
Posts: 291
 

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

Quote:
Originally Posted by zeta1600
Sorry, maybe I'm not using the correct terminology. Basically, I am talking about the "frame" for the public pages. The default for x-cart is 100% width in the rectangle_top.tpl. I adjusted it to 90% and centered. My question is, can that be framed with a rounded box somehow?

Did you ever find a solution to this?
__________________
Powered by X-Cart Gold: 4.4.4/4.4.5
Reply With Quote
  #38  
Old 12-16-2007, 09:29 AM
  wank3r's Avatar 
wank3r wank3r is offline
 

eXpert
  
Join Date: Aug 2006
Posts: 291
 

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

I do find this modification quite nice opposed to the default values. But I have a few problems that some of you might be able to clear up for me.

I've followed all the steps necessary (on page 1).

Problems:

1.
After changing the rectangle_top.tpl file inside my skin1 directory with the following code I'm experiencing that all text, both on the customer front and admin section, is centered. Now I really want the width to be a bit smaller than 100% and also I would love to have the site centered if possible (see attachement 01).

Code:
{* $Id: rectangle_top.tpl,v 1.25 2006/02/07 08:09:51 max Exp $ *} <center> <table class="Container" cellpadding="0" cellspacing="0" width="{$width|default:"85%"}"> <tr><td class="Container"> </center>

2.
The boxes on my right side are missing their pixels that defines the closing of the box from some pages (see attachement 02).

3.
How can I get the round effect on the top and bottom menus?
Attached Thumbnails
Click image for larger version

Name:	01.jpg
Views:	188
Size:	56.1 KB
ID:	693  Click image for larger version

Name:	02.jpg
Views:	169
Size:	58.9 KB
ID:	694  
__________________
Powered by X-Cart Gold: 4.4.4/4.4.5
Reply With Quote
  #39  
Old 12-19-2007, 02:42 AM
 
mltriebe mltriebe is offline
 

Senior Member
  
Join Date: Mar 2006
Posts: 137
 

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

I am in the process of trying to change my cart from the default look to something better and would like to implement this mod. My problem is like you can see in the photos below and the Recently Viewed box gets overlapped by the Help box. If you refresh the page all is fine. This only happens in Firefox/Mozilla and not IE7.

Any help will be welcomed since I am trying to leasrn CSS as well.

Mike
Attached Thumbnails
Click image for larger version

Name:	before.jpg
Views:	164
Size:	58.7 KB
ID:	698  Click image for larger version

Name:	after.jpg
Views:	151
Size:	62.1 KB
ID:	699  
__________________
X-Cart 4.3.1
Buy Together Module, AlteredCart
CDSEO Pro
One Page Checkout, AlteredCart
Smart Search, AlteredCart
On Sale, AlteredCart
Reply With Quote
  #40  
Old 12-21-2007, 07:01 PM
 
ramdial ramdial is offline
 

Advanced Member
  
Join Date: Jul 2003
Posts: 59
 

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

try changing ** PADDING-RIGHT: 22px; *** in skin1.css. this is for wank3r

.VertMenuRightColumn {
VERTICAL-ALIGN: top;
PADDING-LEFT: 20px;
PADDING-RIGHT: 22p
__________________
xcart4.3.2
CDSEO
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 10:43 PM.

   

 
X-Cart forums © 2001-2020