X-Cart forums

[carpeperdiem]

Charlie,

Sometimes things are not obvious. This is not one of those times.

If you can't figure this out, you need a crash course in CSS.

Examine file, skin1/customer/tab.tpl

you'll see all kinds of references to

class="TabCorner"
class="TabSide"

etc...

examine "spacer.gif" in photosop and it's a transparent gif. It does not have any color. Itis only used for spacing (old school, yes, but it works).

SO -- your tab colors are all coming from the CSS... so look at the CSS for the tabs:

/*
    Tab mechanism
*/
.Tab { BACKGROUND-COLOR: #FFD44C; FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; WIDTH: 85px; HEIGHT: 30px; TEXT-ALIGN: center; }
.TabTop { HEIGHT: 5px; BACKGROUND-COLOR: #FFD44C; }
TD.TabLeftSide { WIDTH: 9px; BACKGROUND-IMAGE: url(images/tab_l.gif); }
TD.TabRightSide { WIDTH: 9px; BACKGROUND-IMAGE: url(images/tab_r.gif); }
TD.TabLeftCorner { WIDTH: 9px; HEIGHT: 9px; BACKGROUND-IMAGE: url(images/tab_c1.gif); }
TD.TabRightCorner { WIDTH: 9px; HEIGHT: 9px; BACKGROUND-IMAGE: url(images/tab_c2.gif); }
TD.TabCenter { HEIGHT: 9px; BACKGROUND-IMAGE: url(images/tab_b.gif); }
IMG.TabCorner { WIDTH: 9px; HEIGHT: 9px; }
IMG.TabSide { WIDTH: 9px; HEIGHT: 1px; }

It's all there... the images that actually make the tab are called by CSS, not the template.

I still think this way of making tabs is inferior to PhilJ's way (which is 99% CSS - you could make it 100%) and since my last post in this thread, Phil decided to no longer give it away... so now it will cost $19

There are countless pages of CSS tips, tutorials and simple "how do I do that" articles on the net. I suggest you acquire some basic CSS skills, or else x-cart will be a real headache.

[Charlie]

Originally Posted by carpeperdiem

examine "spacer.gif" in photosop and it's a transparent gif. It does not have any color. Itis only used for spacing (old school, yes, but it works).

SO -- your tab colors are all coming from the CSS... so look at the CSS for the tabs

This explains the confusion I was having. Thanks for the help. You've set me back on the right path.

Charlie