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
  #91  
Old 11-12-2008, 05:47 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)

Since the main modifications are done to dialog.tpl (the center section), and menu.tpl (the columns), and these templates are used on both the admin and the customer side, you can not do it half way. The reason the boxes "disappeared" is that the class that controls them is no longer being called in the stylesheet, being replaced by the new (rounded) classes. If the new classes are not in the stylesheet then there is nothing to display. Do you understand this? If not, let me know and I can try to explain further.
__________________
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
  #92  
Old 11-14-2008, 03:45 PM
  xcel's Avatar 
xcel xcel is offline
 

eXpert
  
Join Date: Nov 2008
Posts: 219
 

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

typologist... great mod. didn't display correctly with first install (wasn't showing box borders in ff, but after a couple tweaks all is good). i still need to find the area in the code to get the right side boxes to not be cutoff in i.e. (i'm sure this is a simple fix, just haven't attacked it yet).

however, i no longer have boxes, rounded or otherwise, on the admin side. they were there before correct? i've done so much today i can't remember if there were any to begin with. this isn't a huge issue, just something i noticed.
__________________
X-Cart Gold Plus 4.6.6

Altered Cart - Checkout One
Altered Cart - Checkout One Payments
Altered Cart - Cash Rewards
Altered Cart - On Sale

Smack Digital - CDSEO
Smack Digital - CDSEO Rich Snippets
Smack Digital - xCMS

The xCart Store - xBanners2

Star Plugins - Cloud Zoom

Heavily Customized by Starts Here Ltd. (UK)
Reply With Quote
  #93  
Old 11-15-2008, 05:55 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)

Did you add the xrounded classes to the skin1_admin.css stylesheet? Since dialog.tpl and menu.tpl are modified to remove the default classes then they will not use any classes unless they are added to the correct stylesheet.
__________________
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
  #94  
Old 11-15-2008, 08:36 AM
 
Rob_D Rob_D is offline
 

Advanced Member
  
Join Date: Mar 2008
Posts: 62
 

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

Quote:
i still need to find the area in the code to get the right side boxes to not be cutoff in i.e. (i'm sure this is a simple fix, just haven't attacked it yet).

I had the same problem, and I had a friend help me fix it. I think this is the code he changed:

From this:

.xrounded {
background: transparent;
width:100%; /*Adjust the width here*/
float:left;
margin:0 0 15px 0;
line-height:125%;

To this:

.xrounded {
background: transparent;
width:100%; /*Adjust the width here*/
float:inherit;
margin:0 0 15px 0;
line-height:125%;

Try that, and if it does not work, I will see if I can see another change he made.

Rob
__________________
4.1.11
Rob Dolliver

www.jessicasonline.com
Xcart Skin - Fashion Mosaic
X-Cart 4 Level Horizonal Flyout Menus
alteredCart One Page Checkout
alteredCart Buy Together
CDSEO
Reply With Quote
  #95  
Old 11-15-2008, 01:48 PM
  xcel's Avatar 
xcel xcel is offline
 

eXpert
  
Join Date: Nov 2008
Posts: 219
 

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

Quote:
Originally Posted by JWait
Did you add the xrounded classes to the skin1_admin.css stylesheet? Since dialog.tpl and menu.tpl are modified to remove the default classes then they will not use any classes unless they are added to the correct stylesheet.

Jwait... not sure if your comment was directed at me, but I did exactly, step by step, what typologist stated to do in post #1.

the 'tweaks' i mentioned i had to do after following the steps was to simply change in dialog.tpl <div class="xrounded"> to <div class="xroundedcenter">. then save. then change it back to <div class="xrounded">. whatever this did worked. middle headers went from having a split top on every page to a nice clean rounded box as what was intended by typologist.
__________________
X-Cart Gold Plus 4.6.6

Altered Cart - Checkout One
Altered Cart - Checkout One Payments
Altered Cart - Cash Rewards
Altered Cart - On Sale

Smack Digital - CDSEO
Smack Digital - CDSEO Rich Snippets
Smack Digital - xCMS

The xCart Store - xBanners2

Star Plugins - Cloud Zoom

Heavily Customized by Starts Here Ltd. (UK)
Reply With Quote
  #96  
Old 11-15-2008, 01:57 PM
  xcel's Avatar 
xcel xcel is offline
 

eXpert
  
Join Date: Nov 2008
Posts: 219
 

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

worked like a charm rob... thanks!!!



Quote:
Originally Posted by Rob_D
I had the same problem, and I had a friend help me fix it. I think this is the code he changed:

From this:

.xrounded {
background: transparent;
width:100%; /*Adjust the width here*/
float:left;
margin:0 0 15px 0;
line-height:125%;

To this:

.xrounded {
background: transparent;
width:100%; /*Adjust the width here*/
float:inherit;
margin:0 0 15px 0;
line-height:125%;

Try that, and if it does not work, I will see if I can see another change he made.

Rob
__________________
X-Cart Gold Plus 4.6.6

Altered Cart - Checkout One
Altered Cart - Checkout One Payments
Altered Cart - Cash Rewards
Altered Cart - On Sale

Smack Digital - CDSEO
Smack Digital - CDSEO Rich Snippets
Smack Digital - xCMS

The xCart Store - xBanners2

Star Plugins - Cloud Zoom

Heavily Customized by Starts Here Ltd. (UK)
Reply With Quote
  #97  
Old 11-15-2008, 02:38 PM
  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)

Quote:
Originally Posted by SamsonTS
Jwait... not sure if your comment was directed at me, but I did exactly, step by step, what typologist stated to do in post #1.

Yes, in order for you to get boxes in the admin side you need to add the xrounded classes to the skin1_admin,css (this is mentioned in the original instructions).
__________________
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
  #98  
Old 11-15-2008, 05:47 PM
  xcel's Avatar 
xcel xcel is offline
 

eXpert
  
Join Date: Nov 2008
Posts: 219
 

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

Quote:
Originally Posted by JWait
Yes, in order for you to get boxes in the admin side you need to add the xrounded classes to the skin1_admin,css (this is mentioned in the original instructions).

ah yes... skin1_admin.css

i did that as well. followed the instructions exactly as described.

(attempted to post code but too many characters)


edit:
not sure what happened between then and now... but when i logged in to grab the code to paste here, the boxes magically appeared. weird.
__________________
X-Cart Gold Plus 4.6.6

Altered Cart - Checkout One
Altered Cart - Checkout One Payments
Altered Cart - Cash Rewards
Altered Cart - On Sale

Smack Digital - CDSEO
Smack Digital - CDSEO Rich Snippets
Smack Digital - xCMS

The xCart Store - xBanners2

Star Plugins - Cloud Zoom

Heavily Customized by Starts Here Ltd. (UK)
Reply With Quote
  #99  
Old 11-15-2008, 06:04 PM
  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)

LOL. Well, whenever you make a change to a template, it is usually a good idea to clear the templates cache. Look in admin - summary - tools.
__________________
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
  #100  
Old 11-24-2008, 09:06 AM
  xcel's Avatar 
xcel xcel is offline
 

eXpert
  
Join Date: Nov 2008
Posts: 219
 

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

so i've gone ahead and changed the box header background color to something more along the lines of our logo... and found the area in the ronded css code to change the box header font color to white... but i can't seem to get the Help box font color to change. am i missing something?

http://img55.imageshack.us/img55/6463/cssroundhelpboxfontcolonh1.jpg
__________________
X-Cart Gold Plus 4.6.6

Altered Cart - Checkout One
Altered Cart - Checkout One Payments
Altered Cart - Cash Rewards
Altered Cart - On Sale

Smack Digital - CDSEO
Smack Digital - CDSEO Rich Snippets
Smack Digital - xCMS

The xCart Store - xBanners2

Star Plugins - Cloud Zoom

Heavily Customized by Starts Here Ltd. (UK)
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:12 AM.

   

 
X-Cart forums © 2001-2020