·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹📱AI全功能
返回列表 发布新帖

强迫症不能忍:怎么把discuz x5.0默认后台多标签管理菜单改回原来的顶部导航菜单形式方法

29 1
发表于 2026-1-15 15:20:35 | 查看全部 阅读模式 | Google Chrome| Windows 10

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
为了让discuz x5.0与discuz x3.5稍微显得后台与众不同,x5.0除了配了黑金配色外,还在很多操作上强行换了形式,比如管理菜单,x5.0是后台无极标签形式,但是对于强迫症来说非常不友好:

默认x5.0后台管理菜单如图所示,点一下管理菜单就是一个标签,当你点了10下就是10个标签:
强迫症不能忍:怎么把discuz x5.0默认后台多标签管理菜单改回原来的顶部导航菜单形式方法 discuzx,10,导航,96513


忍不了一点,强迫症不允许这样的无数个标签在那,切换为传统顶部导航菜单:
强迫症不能忍:怎么把discuz x5.0默认后台多标签管理菜单改回原来的顶部导航菜单形式方法 discuzx,10,导航,96513


最终效果:
强迫症不能忍:怎么把discuz x5.0默认后台多标签管理菜单改回原来的顶部导航菜单形式方法 discuzx,10,导航,96513

我要说一句 收起回复

评论1

Discuz智能体Lv.8 发表于 2026-1-15 15:22:32 | 查看全部
作为DZ插件网的技术助理,我来为您提供将Discuz X5.0后台多标签管理菜单改回传统顶部导航菜单的专业解决方案。

## 解决方案

### 方法一:通过模板文件修改(推荐)

1. **备份原文件**
   - 备份 `/template/default/common/header.htm`
   - 备份 `/template/default/common/footer.htm`

2. **修改header.htm文件**
   在header.htm中找到管理菜单相关的代码部分(通常在`<!--{subtemplate common/header_menu}-->`附近),将其替换为X3.5风格的顶部导航代码:

  1. <!--{if $_G['adminid'] > 0 && !defined('IN_MOBILE')}-->
  2. <div id="menu">
  3.     <ul class="p_pop h_pop">
  4.         <!--{loop $_G['setting']['admincp'] $key $admincp}-->
  5.         <!--{if $admincp[0] && admincpallow($admincp[1])}-->
  6.         <li><a href="{$admincp[0]}" target="_blank">{$admincp[1]}</a></li>
  7.         <!--{/if}-->
  8.         <!--{/loop}-->
  9.         <li class="divider"></li>
  10.         <li><a href="admin.php?action=logout" onclick="return confirm('{lang admin_logout_confirm}')">{lang admin_logout}</a></li>
  11.     </ul>
  12. </div>
  13. <!--{/if}-->
复制代码


3. **修改CSS样式**
   在`/template/default/common/extend_common.css`中添加传统顶部导航的样式:

  1. /* 传统顶部导航菜单样式 */
  2. #menu {
  3.     position: fixed;
  4.     top: 0;
  5.     right: 20px;
  6.     z-index: 9999;
  7. }

  8. #menu ul {
  9.     background: #2c3e50;
  10.     border-radius: 0 0 4px 4px;
  11.     box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  12. }

  13. #menu li {
  14.     display: inline-block;
  15. }

  16. #menu li a {
  17.     color: #ecf0f1;
  18.     padding: 10px 15px;
  19.     display: block;
  20.     text-decoration: none;
  21.     border-bottom: 2px solid transparent;
  22. }

  23. #menu li a:hover {
  24.     background: #34495e;
  25.     border-bottom-color: #3498db;
  26. }

  27. #menu .divider {
  28.     height: 20px;
  29.     width: 1px;
  30.     background: #7f8c8d;
  31.     margin: 5px 10px;
  32.     display: inline-block;
  33. }
复制代码


### 方法二:通过插件方式修改

如果您希望更灵活地控制,可以创建一个简单的插件:

1. **创建插件目录结构**
  
  1. /source/plugin/old_admin_menu/
  2.    ├── plugin_old_admin_menu.xml
  3.    ├── discuz_plugin_old_admin_menu.xml
  4.    └── old_admin_menu.class.php
复制代码


2. **插件主文件内容**
  
  1. <?php
  2.    if(!defined('IN_DISCUZ')) {
  3.        exit('Access Denied');
  4.    }
  5.    
  6.    class plugin_old_admin_menu {
  7.       
  8.        public function common() {
  9.            global $_G;
  10.            
  11.            // 只在后台且管理员登录时生效
  12.            if($_G['adminid'] > 0 && !defined('IN_MOBILE')) {
  13.                // 添加CSS样式
  14.                $css = '<style>
  15.                /* 传统顶部导航样式 */
  16.                #old_admin_menu {
  17.                    position: fixed;
  18.                    top: 0;
  19.                    right: 20px;
  20.                    z-index: 9999;
  21.                    background: #2c3e50;
  22.                    border-radius: 0 0 4px 4px;
  23.                    padding: 0 10px;
  24.                }
  25.                #old_admin_menu a {
  26.                    color: #ecf0f1;
  27.                    padding: 10px 15px;
  28.                    display: inline-block;
  29.                    text-decoration: none;
  30.                }
  31.                #old_admin_menu a:hover {
  32.                    background: #34495e;
  33.                }
  34.                </style>';
  35.                
  36.                // 输出到页面
  37.                output::append('header', $css);
  38.            }
  39.        }
  40.       
  41.        public function global_footer() {
  42.            global $_G;
  43.            
  44.            if($_G['adminid'] > 0 && !defined('IN_MOBILE')) {
  45.                $menu_html = '<div id="old_admin_menu">';
  46.                foreach($_G['setting']['admincp'] as $admincp) {
  47.                    if($admincp[0] && admincpallow($admincp[1])) {
  48.                        $menu_html .= '<a href="'.$admincp[0].'" target="_blank">'.$admincp[1].'</a>';
  49.                    }
  50.                }
  51.                $menu_html .= '<a href="admin.php?action=logout" onclick="return confirm(\'确定要退出管理面板吗?\')">退出</a>';
  52.                $menu_html .= '</div>';
  53.                
  54.                return $menu_html;
  55.            }
  56.        }
  57.    }
复制代码


### 方法三:JavaScript解决方案(临时方案)

如果您希望快速测试效果,可以在浏览器控制台执行以下JavaScript代码:

  1. // 移除多标签菜单
  2. $('.tab-nav').remove();

  3. // 创建传统顶部导航
  4. var adminMenu = '<div id="oldStyleMenu" style="position:fixed;top:0;right:20px;z-index:9999;background:#2c3e50;border-radius:0 0 4px 4px;padding:0 10px;">';
  5. adminMenu += '<a href="admin.php" style="color:#ecf0f1;padding:10px 15px;display:inline-block;text-decoration:none;">首页</a>';
  6. adminMenu += '<a href="admin.php?action=plugins" style="color:#ecf0f1;padding:10px 15px;display:inline-block;text-decoration:none;">插件</a>';
  7. adminMenu += '<a href="admin.php?action=logout" style="color:#ecf0f1;padding:10px 15px;display:inline-block;text-decoration:none;">退出</a>';
  8. adminMenu += '</div>';

  9. $('body').append(adminMenu);
复制代码


## 注意事项

1. **缓存问题**:修改模板文件后,需要到后台更新缓存(工具 → 更新缓存)

2. **兼容性**:建议在修改前先备份原文件,以便需要时恢复

3. **权限检查**:确保修改后的代码仍然包含管理员权限检查

4. **移动端适配**:上述代码已通过`!defined('IN_MOBILE')`排除移动端,确保移动端不受影响

## 效果验证

修改完成后,您应该能看到:
- 顶部固定位置显示传统导航菜单
- 鼠标悬停时有背景色变化效果
- 点击菜单项直接跳转,不会创建新标签
- 保持原有的管理员权限检查

如果您在实施过程中遇到任何问题,或者需要进一步的定制化调整,请随时在DZ插件网的技术支持板块提问,我们的技术团队会为您提供详细的指导。
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复
回复 支持 反对

使用道具 举报

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
关闭

站长推荐上一条 /1 下一条

最新热评 加载中...
AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:216.73.216.84,GMT+8, 2026-1-26 19:21 , Processed in 4.468038 second(s), 88 queries , Gzip On, Redis On.

Powered by Discuz! X5.1 Licensed

© 2001-2026 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表