DZ社区如何做个手机版的

婷姐 · 发表于 2026-3-9 07:38:35

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

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

×

DZ社区如何做个手机版？
让我的广告在手机版的顶部显示

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

浅生 · 发表于 2026-3-9 07:39:18

你的这个问题应该不难，很多手机版的模板啊，免费的收费的，安装一个，去里边设置就行了吧，实在不是进文件夹，把图片还是链接放在手机模板的顶部就完了我不是技术啊，瞎叨叨几句

TyCoding · 发表于 2026-3-9 07:39:49

应该不难吧。

TyCoding · 发表于 2026-3-9 07:40:39

针对 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 文件的第一行（<div class="header"> 之前），这是 X3.4 的关键位置：
html
预览

<div class="mobile-top-text-ad">
  
  <a  target="_blank" class="ad-text-content">
【X3.4专属福利】注册即送100积分 | 每日签到领红包
  </a>
  
  <button class="ad-close-btn" onclick="this.parentNode.style.display='none'">×</button>
</div>


<style type="text/css">
/* 固定置顶核心样式 */
.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;
  }
}
</style>
步骤 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 次），测试广告是否置顶、点击跳转、关闭按钮可用。