Adjust speed bar
 

Hi,

I think the links in my speed bar are each in a different cell, centered. But i want them in one cell with a | to divide them. This way I can put them 20pix from border and they will look like this:
Home | Shopping cart | Contact us

Now they look like:
http://hobbyhandig.webfontein.nl

Can anyone help me out?

yes, i've looked for this info eveywhere and cat find it. I want mine were the search button is at but cant seem to figure it out.

checkout the following templates in V. 4.0.5

customer/tab.tpl
customer/top_menu.tpl

I've looked at thoose and made changes before I posted here, but nothing seems te work... I don't know much of HTML but I'm sure I've tried the right settings. I now fooled around with blank space and left alignment, but I can't get them out of thoose 3 seperate cells.

You may have a look at my site CartsnTools.com, I believe my speed bars look like the way you like.

Yes! That's what I'm talking about, how did you do this?

1. Create a file: customer/speed_menu.tpl


{if $printable ne ''}
{include file="customer/top_menu_printable.tpl"}
{else}
<TABLE border="0" cellpadding="0" cellspacing="0">
{if $speed_bar}
<TR>
<td height="22" valign="middle" class="TabBar">|</td>
{section name=sb loop=$speed_bar}
{if $speed_bar[sb].active eq "Y"}
<TD>{include file="customer/tab.tpl" tab_title="<A href=\"`$speed_bar[sb].link`\"><font class=TabFo\
nt>`$speed_bar[sb].title`</font></A>"}</TD>
{/if}
{/section}
</TR>
{/if}
</TABLE>
{/if}


2. modify your customer/tab.tpl file:


<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="TabBar" align=center>{$tab_title}|</td>
</tr>
</table>


3. in the head.tpl file


{if $usertype eq "C"}
{include file="customer/speed_menu.tpl"}

{/if}


3. in your skin1.css file


.TabBar {
COLOR: # any color you want;
.TabFont {
COLOR: # any color you want;
FONT-SIZE: 11px;
}

Yep! :D

Almost there. I can't seem to get it 20 pix from border, do you know how this is done?

Re: Adjust speed bar
 

Hello Yang Xu

I tried this and now have nothing on my page but this error message:

Fatal error: Smarty error: [in customer/speed_menu.tpl line 10]: syntax error: invalid attribute name: '`$speed_bar[sb].link`\' (Smarty_Compiler.class.php, line 1524) in /home/naturesp/public_html/store/Smarty-2.6.9/Smarty.class.php on line 1088

:(

I copied and pasted the text directly into the newly created file so I'm very puzzled by the error message.

I look forward to your response as I'm a newby with plenty to learn, and eager to get on with perfecting my site.

With thanks in advance,

Xeen

Re: Adjust speed bar
 

This may be a case of the blind leading the blind as I am also learning, However I think the following code:
.TabBar {
COLOR: # any color you want;
.TabFont {
COLOR: # any color you want;
FONT-SIZE: 11px;
}

should be:
.TabBar {
COLOR: # any color you want;}
.TabFont {
COLOR: # any color you want;
FONT-SIZE: 11px;
}

This may, or may not, be significant. Or may, or may not, have an impact on the customer/speed_menu.tpl.

As I understand it, another thing to watch out for when you are cutting and pasting is that you don't end up with superfluous spacing at the end of the tpl code.

Just a couple of thoughts.

I don't have the mod - just an interested onlooker with food for thought!