So what you actually mean is that you still want the actual speedbar, and all the functionality, such as updating it by admin? I thought that you wanted to replace it completely. No problem though. (for anyone else using this info - the template now being edited is customer/tab.tpl)
It is quite an easy one to edit. The most simple thing to do is to remove the "background" s
You then have:
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD width="9">[img]{$ImagesDir}/spacer.gif[/img]</TD>
<TD height="5" valign="bottom" class="Tab">[img]{$ImagesDir}/spacer.gif[/img]</TD>
<TD width="9">[img]{$ImagesDir}/spacer.gif[/img]</TD>
</TR>
<TR>
<TD width="9">[img]{$ImagesDir}/spacer.gif[/img]</TD>
<TD width="85" height="30" class="Tab" align="center">{$tab_title}</TD>
<TD width="9">[img]{$ImagesDir}/spacer.gif[/img]</TD>
</TR>
<TR>
<TD width="9" height="9">[img]{$ImagesDir}/spacer.gif[/img]</TD>
<TD height="9">[img]{$ImagesDir}/spacer.gif[/img]</TD>
<TD width="9" height="9">[img]{$ImagesDir}/spacer.gif[/img]</TD>
</TR>
</TABLE>
This preserves the spacing, as well as the links, simply removing the images, leaving simple text links.
If you remove the 1st and 3rd rows, you lose the spacing above and below the text links.
<TABLE border="0" cellpadding="0" cellspacing="0">
<TR>
<TD width="9">[img]{$ImagesDir}/spacer.gif[/img]</TD>
<TD width="85" height="30" class="Tab" align="center">{$tab_title}</TD>
<TD width="9">[img]{$ImagesDir}/spacer.gif[/img]</TD>
</TR>
</TABLE>
You can of course alter the widths and heights to alter spacing to suit. It is after all a simple table and if you know how to work with them, you can create any effect you want with either the speedbar or the whole header.
If this doesn't create the desired effect, let me know.
Paul Dodman
e-business consultant
Lumino Internet
luminointernet.com