FAQ首页 > 模板风格 > Discuz! > 查看文章
收起边栏
大字 小字 收藏 复制URL










6.1
Discuz!6.1.0如何增加导航菜单和下拉菜单
2008-06-06┆26,777 Views┆125

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

一、如何增加导航菜单

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

修改方法:

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

    CODE: [COPY]
  • <!--{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}-->

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

    CODE: [COPY]
  • <li><a href="music.htm">音乐盒</a></li>

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

如果在其他目录下,可以这样填写:

    CODE: [COPY]
  • <a href="..\music\music.htm">音乐盒</a>

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

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

    CODE: [COPY]
  • <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}--></agt;</li><!--{/if}-->

会员

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

搜索

    CODE: [COPY]
  • <!--{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}-->

标签

    CODE: [COPY]
  • <!--{if $tagstatus}--><li<!--{if $BASESCRIPT == 'tag.php'}--> class="current"<!--{/if}-->><a href="tag.php">{lang tag}</a></li><!--{/if}-->

我的

    CODE: [COPY]
  • <!--{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}-->

邀请注册

    CODE: [COPY]
  • <!--{if $regstatus && $allowinvite}--><li<!--{if $BASESCRIPT == 'invite.php'}--> class="current"<!--{/if}-->><a href="invite.php">{lang invite}</a></li><!--{/if}-->

道具

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

统计

    CODE: [COPY]
  • <!--{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}-->

系统设置

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

版主管理面板

    CODE: [COPY]
  • <!--{if $discuz_uid && $adminid 1}--><li><a href="modcp.php?fid=$fidtarget="_blank">{lang modcp}</a></li><!--{/if}-->

帮助

    CODE: [COPY]
  • <li<!--{if $BASESCRIPT == 'faq.php'}--> class="current"<!--{/if}-->><a href="faq.php">{lang faq}</a></li>

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

二、如何增加下拉菜单

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

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

修改方法:

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

    CODE: [COPY]
  • <li><a href="memcp.php?action=usergroups">{lang memcp_usergroups}</a></li>

在后面添加一句

    CODE: [COPY]
  • <li><a href="ceshi.php">测试</a></li>

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

    CODE: [COPY]
  • <li><a href="http://www.xxx.com">测试</a></li

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

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

控制面板首页

    CODE: [COPY]
  • <li><a href="memcp.php">{lang memcp_home}</a></li>

编辑个人资料

    CODE: [COPY]
  • <li><a href="memcp.php?action=profile">{lang memcp_profile}</a></li>

积分交易

    CODE: [COPY]
  • <li><a href="memcp.php?action=credits">{lang memcp_credits}</a></li>

积分记录

    CODE: [COPY]
  • <li><a href="memcp.php?action=creditslog">{lang memcp_credits_log}</a></li>

公众用户组

    CODE: [COPY]
  • <li><a href="memcp.php?action=usergroups">{lang memcp_usergroups}</a></li>

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

我的话题

    CODE: [COPY]
  • <li><a href="my.php?item=threads">{lang show_mytopics}</a></li>

我的收藏

    CODE: [COPY]
  • <li><a href="my.php?item=favorites&type=thread">{lang my_favorites}</a></li>

我的订阅

    CODE: [COPY]
  • <li><a href="my.php?item=subscriptions">{lang my_subscriptions}</a></li>

我的权限

    CODE: [COPY]
  • <li><a href="my.php?item=grouppermission">{lang my_permissions}</a></li>

我的投票

    CODE: [COPY]
  • <li><a href="my.php?item=polls&type=poll">{lang my_polls}</a></li>

我的商品

    CODE: [COPY]
  • <li><a href="my.php?item=tradestats">{lang my_trades}</a></li>

我的悬赏

    CODE: [COPY]
  • <li><a href="my.php?item=reward&type=stats">{lang my_rewards}</a></li>

我的活动

    CODE: [COPY]
  • <li><a href="my.php?item=activities&type=orig&ended=no">{lang my_activities}</a></li>

我的辩论

    CODE: [COPY]
  • <li><a href="my.php?item=debate&type=debate">{lang my_debate}</a></li>

我的视频

    CODE: [COPY]
  • <li><a href="my.php?item=video">{lang my_video}</a></li>

我的好友

    CODE: [COPY]
  • <li><a href="my.php?item=buddylist">{lang my_buddylist}</a></li>

我的空间