针对 Discuz! X3.4 版本，我为你定制了专属的手机版顶部文字广告实现方案（适配 X3.4 原生手机模板，无需插件，直接改模板即可生效），步骤更精准、避坑点更明确。 一、核心实现步骤（X3.4 专属） 步骤 1：定位 X3.4 手机版头部模板 登录 DZ3.4 后台 → 界面 → 模板管理 → 找到你正在使用的手机版模板（默认是 default 模板，第三方模板如 m_mobcent 同理）→ 点击「编辑」。 找到核心模板文件： 路径：template/你的模板名/mobile/common/header.htm （X3.4 的手机版头部核心都在这个文件，区别于新版的 forum/header.htm） 步骤 2：粘贴文字广告代码（模板最顶部） 将以下代码粘贴到 header.htm 文件的第一行（ 之前），这是 X3.4 的关键位置： html 预览 【X3.4专属福利】注册即送100积分 | 每日签到领红包 × /* 固定置顶核心样式 */ .mobile-top-text-ad { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; /* 高于X3.4默认头部的层级 */ background: #fef7e5; /* 浅黄背景，醒目不刺眼 */ padding: 9px 12px; /* 适配X3.4手机版默认间距 */ text-align: center; box-sizing: border-box; /* 防止宽度溢出 */ border-bottom: 1px solid #feeccd; } /* 文字样式：适配X3.4手机版字号 */ .ad-text-content { color: #e67700; /* 橙色文字，对比明显 */ font-size: 14px; /* X3.4手机版最优字号 */ text-decoration: none; /* 去掉下划线 */ font-weight: 500; max-width: 90%; /* 避免文字挤到关闭按钮 */ display: inline-block; } /* 关闭按钮：适配X3.4触控区域 */ .ad-close-btn { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); background: rgba(230, 119, 0, 0.2); color: #fff; border: none; border-radius: 50%; width: 22px; height: 22px; font-size: 14px; line-height: 22px; padding: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; /* 去掉点击高亮（X3.4移动端必加） */ } /* 关键：解决X3.4头部被遮挡（核心适配） */ .header { padding-top: 38px !important; /* 匹配广告高度，X3.4默认头部高度+广告高度 */ } /* 适配小屏手机（X3.4低分辨率适配） */ @media (max-width: 320px) { .ad-text-content { font-size: 12px; } .mobile-top-text-ad { padding: 7px 10px; } .header { padding-top: 32px !important; } } 步骤 3：自定义广告内容（X3.4 适配版） 替换代码中以下内容（严格按 X3.4 适配要求）： 表格 需修改项 X3.4 推荐值 注意事项 广告链接 https://你的论坛域名/activity.php 必须是完整链接，X3.4 移动端跳转更稳定 广告文字 `【限时福利】注册送 50 积分 发帖领红包 ` 控制在25 字内，X3.4 小屏显示更友好 背景色 #fef7e5 #e8f4f8（浅蓝）/ #fcf1f7（浅粉） 避免深色，X3.4 默认模板是浅色系 文字色 #e67700 #d63384（玫红）/ #20c997（绿色） 与背景色对比度≥3:1，提升可读性 步骤 4：X3.4 专属生效操作（必做） 点击模板编辑页面的「保存修改」； 回到 DZ 后台 → 工具 → 更新缓存 → 勾选以下选项（X3.4 重点）： ✅ 模板缓存 ✅ 手机版缓存 ✅ 样式缓存 点击「提交」清空缓存； 用手机访问论坛（建议刷新 2 次），测试广告是否置顶、点击跳转、关闭按钮可用。
