修改导航菜单和下拉菜单是站长很常用到的操作，特地制作教程供大家参考。本教程讲解两个方面：导航菜单的修改和添加；下拉菜单的修改和添加。具体修改和添加方法请看正文。

一、如何增加导航菜单

我们举例在导航栏的“搜索”菜单后面增加一个名为“音乐盒”的菜单链接，如下图所示：

修改方法：

打开相应模板目录的 header.htm 文件，搜索下列语句

<!--{if $allowsearch || $qihoo['status']}--><li<!--{if $BASESCRIPT == 'search.php'}--> class="current"<!--{/if}-->><a href="search.php{if !empty($fid)}?srchfid=$fid{/if}">{lang search}</a></li><!--{/if}-->

在后面添加链接代码如下：

<li><a href="music.htm">音乐盒</a></li>

其中“音乐盒”是所要增加的菜单名称，music.htm 是你为该菜单制作的页面（这种填写方法默认是放在该模板目录下，即放在 .\templates\default 下）

如果在其他目录下，可以这样填写：

<a href="..\music\music.htm">音乐盒</a>

其中 music.htm 放在 .\templates\music 目录下，而当前目录是 .\templates\default

如果要链接到某个网站地址，就这样填写：

<a href="http://www.xxx.com">音乐盒</a>

修改后的导航栏如下图所示：

下面分析一下 header.htm 文件中各导航栏菜单对应的代码：

短消息

<!--{if $discuz_uid}--><li><a href="###" class="notabs" id="pmnotice" onclick="pmwin('open')"><!--{if !$newpm}-->{lang pm}<!--{else}-->{lang pm_new}<!--{if $pmsound}--><bgsound src="images/sound/pm_$pmsound.wav" /><!--{/if}--><!--{/if}--></a& gt;</li><!--{/if}-->

会员

<!--{if $memliststatus}--><li<!--{if $BASESCRIPT == 'member.php'}--> class="current"<!--{/if}-->><a href="member.php?action=list">{lang memberlist}</a></li><!--{/if}--> 

搜索

<!--{if $allowsearch || $qihoo['status']}--><li<!--{if $BASESCRIPT == 'search.php'}--> class="current"<!--{/if}-->><a href="search.php{if !empty($fid)}?srchfid=$fid{/if}">{lang search}</a></li><!--{/if}-->

标签

<!--{if $tagstatus}--><li<!--{if $BASESCRIPT == 'tag.php'}--> class="current"<!--{/if}-->><a href="tag.php">{lang tag}</a></li><!--{/if}-->

我的

<!--{if $jsmenu[4]}--><li id="my" class="dropmenu<!--{if $BASESCRIPT == 'my.php'}--> current<!--{/if}-->" onmouseover="showMenu(this.id)"><a href="my.php">{lang my}</a></li><!--{else}--><li><a href="my.php?item=threads"<!--{if $BASESCRIPT == 'my.php'}-->class="current"<!--{/if}-->>{lang show_mytopics}</a></li><li><a href="my.php?item=grouppermission">{lang my_permissions}</a></li><!--{/if}--& gt;

控制面板

<!--{if $jsmenu[2]}--><li id="memcp" class="dropmenu<!--{if $BASESCRIPT == 'memcp.php'}--> current<!--{/if}-->" onmouseover="showMenu(this.id)"><a href="memcp.php">{lang memcp}</a></li><!--{else}--><li><a href="memcp.php"<!--{if $BASESCRIPT == 'memcp.php'}-->class="current"<!--{/if}-->>{lang memcp}</a></li><!--{/if}-->

邀请注册

<!--{if $regstatus > 1 && $allowinvite}--><li<!--{if $BASESCRIPT == 'invite.php'}--> class="current"<!--{/if}-->><a href="invite.php">{lang invite}</a></li><!--{/if}-->

道具

<!--{if $magicstatus}--><li<!--{if $BASESCRIPT == 'magic.php'}--> class="current"<!--{/if}-->><a href="magic.php">{lang magics_title}</a></li><!--{/if}--& gt;

插件

<!--{if !empty($plugins['jsmenu'])}--><li id="plugin" class="dropmenu" onmouseover="showMenu(this.id)"><a href="#">$pluginjsmenu</a></li><! --{/if}-->

统计

<!--{if $allowviewstats}--><!--{if !empty($jsmenu[3])}--><li id="stats" class="dropmenu<!--{if $BASESCRIPT == 'stats.php'}--> current<!--{/if}-->" onmouseover="showMenu(this.id)"><a href="stats.php">{lang statistics}</a></li><!--{else}--><li><a href="stats.php">{lang statistics}</a></li><!--{/if}--> <!--{/if}-->

系统设置

<!--{if $discuz_uid && $adminid == 1}--><li><a href="admincp.php" target="_blank">{lang admincp}</a></li><!--{/if}-->

版主管理面板

<!--{if $discuz_uid && $adminid > 1}--><li><a href="modcp.php?fid=$fid" target="_blank">{lang modcp}</a></li><!--{/if}-->

帮助

<li<!--{if $BASESCRIPT == 'faq.php'}--> class="current"<!--{/if}-->><a href="faq.php">{lang faq}</a></li>

需要在哪个菜单下面增加新的菜单，就按照上面的代码搜索，然后在相应的代码后面增加即可，增加方法同上。

二、如何增加下拉菜单

首先说明下导航下拉菜单的修改模板为 jsmenu.htm 这个文件，默认模板在 .\templates\default 下。

我们举例在控制面板的下拉菜单里增加一个名为“测试”的下拉菜单

修改方法：

打开相应模板目录的 jsmenu.htm 文件，搜索下列语句

<li><a href="memcp.php?action=usergroups">{lang memcp_usergroups}</a></li>

在后面添加一句

<li><a href="ceshi.php">测试</a></li>

其中“测试”是所要增加的下拉菜单名称，ceshi.php 是你为该下拉菜单制作的页面（这种填写方法默认是放在该模板目录下），如果要链接到某个网站地址，就这样填写

<li><a href="http://www.xxx.com">测试</a></li> 

修改后的控制面板下拉菜单如下图所示：

1、“控制面板”各下拉菜单对应的代码：

控制面板首页

<li><a href="memcp.php">{lang memcp_home}</a></li>

编辑个人资料

<li><a href="memcp.php?action=profile">{lang memcp_profile}</a></li>

积分交易

<li><a href="memcp.php?action=credits">{lang memcp_credits}</a></li>

积分记录

<li><a href="memcp.php?action=creditslog">{lang memcp_credits_log}</a></li>

公众用户组

<li><a href="memcp.php?action=usergroups">{lang memcp_usergroups}</a></li>

2、“我的”各下拉菜单对应的代码：

我的话题

<li><a href="my.php?item=threads">{lang show_mytopics}</a></li>

我的收藏

<li><a href="my.php?item=favorites&type=thread">{lang my_favorites}</a></li>

我的订阅

<li><a href="my.php?item=subscriptions">{lang my_subscriptions}</a></li>

我的权限

<li><a href="my.php?item=grouppermission">{lang my_permissions}</a></li>

我的投票

<li><a href="my.php?item=polls&type=poll">{lang my_polls}</a></li>

我的商品

<li><a href="my.php?item=tradestats">{lang my_trades}</a></li>

我的悬赏

<li><a href="my.php?item=reward&type=stats">{lang my_rewards}</a></li>

我的活动

<li><a href="my.php?item=activities&type=orig&ended=no">{lang my_activities}</a></li>

我的辩论

<li><a href="my.php?item=debate&type=debate">{lang my_debate}</a></li>

我的视频

<li><a href="my.php?item=video">{lang my_video}</a></li>

我的好友

<li><a href="my.php?item=buddylist">{lang my_buddylist}</a></li>

我的空间

<!--{if $ucappopen['UCHOME']}-->    <li><a href="{$uchomeurl}/space.php?uid=$discuz_uid" target="_blank">{lang space_my}</a></li><!--{elseif $ucappopen['XSPACE']}-->    <li><a href="http://faq.comsenz.com/uid-$discuz_uid" target="_blank">{lang space_my}</a></li><!--{/if}- ->

3、“统计”各下拉菜单对应的代码：

基本概况

<li><a href="stats.php">{lang stats_main}</a></li>

版块排行

<li><a href="stats.php?type=forumsrank">{lang stats_forums_rank}</a></li>

主题排行

<li><a href="stats.php?type=threadsrank">{lang stats_threads_rank}</a></li>

发帖排行

<li><a href="stats.php?type=postsrank">{lang stats_posts_rank}</a></li>

积分排行

<li><a href="stats.php?type=creditsrank">{lang stats_credits_rank}</a></li>

交易排行

<li><a href="stats.php?type=trade">{lang stats_trade_rank}</a></li>

在线时间

<!--{if $oltimespan}--><li><a href="stats.php?type=onlinetime">{lang stats_onlinetime}</a></li><!--{/if}--& gt;

管理团队

<li><a href="stats.php?type=team">{lang stats_team}</a></li>

需要在哪个菜单下面增加新的菜单，就按照上面的代码搜索，然后在相应的代码后面增加即可，增加方法同上。

TAG: 菜单 导航 下拉

有了您的好评，我们会做的更好！