X-Cart forums

[thentavius]

I've been battling with the skin1.css file for hours, trying to figure out which tag changes the color of the rounded tabs in the upper right hand corner (the "Contact Us" "Home" etc. tabs).

Which tag defines them? Anyone?

[balinor]

Those are images...have a look at the templates to see which ones they are.

[thentavius]

I can see the tab01.gif and other tab files (the rounded corners and spacers), but the bulk of the square part of the tab doesn't seem to be an image? (or maybe I'm just blindly missing it).

[balinor]

What does the class read in the template? If you look at customer/tab.tpl you'll see both the image names and the class names.

[thentavius]

<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD width="9" background="{$ImagesDir}/tab_l.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
<TD height="5" valign="bottom" class="Tab"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="5" border="0" alt=""></TD>
<TD width="9" background="{$ImagesDir}/tab_r.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
</TR>
<TR>
<TD width="9" background="{$ImagesDir}/tab_l.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
<TD width="85" height="30" class="Tab" align="center">{$tab_title}</TD>
<TD width="9" background="{$ImagesDir}/tab_r.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
</TR>
<TR>
<TD width="9" height="9" background="{$ImagesDir}/tab_c1.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
<TD height="9" background="{$ImagesDir}/tab_b.gif"><IMG src="{$ImagesDir}/spacer.gif" width="1" height="9" border="0" alt=""></TD>
<TD width="9" height="9" background="{$ImagesDir}/tab_c2.gif"><IMG src="{$ImagesDir}/spacer.gif" width="9" height="1" border="0" alt=""></TD>
</TR>
</TABLE>

Edited to add:

I can find all those little guys, like "tab_r.gif" in the skin1/images/ directory. The Class=Tab must be where the bulk of the color (outside of those small accent gifs) is located?

[thentavius]

Found the tab class definition in the skin1.css file. Thank you very much for your help! I'll just manually change the color of the assorted little gifs to match the new class color.