[帮助主题] 栏目菜单模版制作详解

[功能说明] 栏目菜单模版是位于网站的temp/目录的以下模版文件:

menu_main.htm：主栏目菜单
menu_bottom.htm：脚注菜单
menu_second.htm：二级栏目菜单
menu_second_h.htm：竖式二级栏目菜单

栏目菜单模版的HTML结构如下：

 <!-start-><!-start->                       

<!-menunow->{#menu#}<!-menunow->

<!-menudivide-><!-menudivide->

<!-menu->{#menu#}<!-menu->

<!-end-><!-end->

其中，
<!-start-><!-start->中间插入的是菜单开始处的部分，
<!-end-><!-end->中间插入的是菜单结尾处的部分，
<!-start->和<!-end->中间的部分在程序中循环读取以显示所有的栏目。
<!-menunow->{#menu#}<!-menunow->是“当前访问栏目”的菜单式样，中间的{#menu#}将替换为当前访问栏目的名称；
<!-menudivide-><!-menudivide->之间显示的是两个栏目之间的分隔内容。
<!-menu->{#menu#}<!-menu->是“非当前访问栏目”的菜单式样，中间的{#menu#}将替换为栏目的名称。

样例一：类似下图的菜单式样的制作方法

这个菜单的html如下：

<!-start->

<table  border=0 cellspacing=0 cellpadding=0 height=28><tr>

    <td width=2><img src=tempimg/menu_left.png width="2" height="28"></td>

<!-start->

<!-menunow->

<td align='center' width=65  background=tempimg/menu_center_now.png style='padding-left: 5px;padding-right: 5px'>{#menu#}</td>

<!-menunow->

<!-menudivide->

<td width=2><img src=tempimg/menu_line.png></td>

<!-menudivide->

<!-menu->        

<td align='center' width=65  background=tempimg/menu_center.png style='padding-left: 5px;padding-right: 5px'>{#menu#}</td>

<!-menu->

<!-end->

<td width=2><img src=tempimg/menu_right.png></td></tr> </table>

<!-end->

在这个模版中，包含了1张菜单开始处的图片、1张菜单分割图片、1张菜单结尾图片和2张菜单背景图片（当前栏目和非当前栏目不一样的背景）。

样例二：纯文字菜单的制作方法，如以下式样

       | 首页 | 最新动态 | 在线购物 | 会员专区 |

这个菜单的html如下：

<!-start->|&nbsp;<!-start->

<!-menunow-><b>{#menu#}</b><!-menunow->

<!-menudivide->&nbsp;|&nbsp;<!-menudivide->
<!-menu->{#menu#}<!-menu->

<!-end->&nbsp;|<!-end->

[技巧提示] 栏目菜单模版的制作相对比较复杂，实际制作的时候可以参照现成的模版中类似的菜单式样来制作。