| ||||||||||
Shopping cart software Solutions for online shops and malls | ||||||||||
|
X-Cart Home | FAQ | Forum rules | Calendar | User manuals | Login |
Pure CSS Rounded Boxes! (no images, no tables) | ||||
|
|
Thread Tools | Search this Thread |
#31
|
|||||||
|
|||||||
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 |
|||||||
#32
|
|||||||
|
|||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
__________________
4.1.8 Gold (Unix) |
|||||||
#33
|
|||||||
|
|||||||
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?
__________________
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 |
|||||||
#34
|
|||||||
|
|||||||
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....
__________________
X-Cart Gold 4.3 |
|||||||
#35
|
|||||||
|
|||||||
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 |
|||||||
#36
|
|||||||
|
|||||||
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. |
|||||||
#37
|
|||||||||
|
|||||||||
Re: Pure CSS Rounded Boxes! (no images, no tables)
Quote:
Did you ever find a solution to this?
__________________
Powered by X-Cart Gold: 4.4.4/4.4.5 |
|||||||||
#38
|
|||||||||
|
|||||||||
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:
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?
__________________
Powered by X-Cart Gold: 4.4.4/4.4.5 |
|||||||||
#39
|
|||||||
|
|||||||
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
__________________
X-Cart 4.3.1 Buy Together Module, AlteredCart CDSEO Pro One Page Checkout, AlteredCart Smart Search, AlteredCart On Sale, AlteredCart |
|||||||
#40
|
|||||||
|
|||||||
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 |
|||||||
|
|||
X-Cart forums © 2001-2020
|