·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
🔄最新发布📃文档资料库🆔加群看共享绿色软件切换到窄版
立即注册
DZ插件网»🏠首页 › Discuz!交流与探讨 › Discuz!运营教程 › Discuz!X3.5自适应模板兼容Discuz!X3.4过程记录 ...
返回列表 发布新帖

Discuz!X3.5自适应模板兼容Discuz!X3.4过程记录

552 2
发表于 2023-2-5 07:49:19 | 查看全部 阅读模式

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

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

×
本帖是记录在X3.5环境开发的极简蓝自适应模板 适配Discuz!X3.4的过程。
不一定适用所有模板，仅做备份参考。

1. 在线会员图标异常
forum/discuz.htm
  1. [/code]改为
  2. [code]<!-- {if  $_G['setting']['version']>3.4 } -->   <!-- {else} -->   <img src="{STATICURL}image/common/$online[icon]" alt="icon" />
复制代码
2. 页面及发帖时会显示 or ''
直接搜索 or ''  替换为空（这个应该是空值占位，不知道会不会出问题，目前没有遇到问题

3. 右侧悬浮菜单 返回顶部及快速发帖图标不显示
如果引入Discuz!X3.5的字体就太大了没必要 只有三个字体图标 到iconfont上找了三个替换了

  1. /* 右侧悬浮菜单 */@font-face {    font-family: "iconfont"; /* Project id 3880532 */    src: url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff2?t=1675524232880') format('woff2'),         url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff?t=1675524232880') format('woff'),         url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.ttf?t=1675524232880') format('truetype');  }    .iconfont {    font-family: "iconfont" !important;    font-size: 16px;    font-style: normal;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;  }  #scrolltop {    background: transparent !important;    border: none !important;    z-index: 999;}#scrolltop a {    background: var(--base);    color: var(--white-bg);    border-radius: 4px;    margin-top: 8px;    line-height: 30px !important;    height: 30px !important;    padding: 5px !important;}#scrolltop a:before {    line-height: 30px !important;     display:inline-block;    font-family: "iconfont" !important;    font-size: 16px;    font-style: normal;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    width:24px;    font-size:24px;    line-height:24px;} #scrolltop a.scrolltopa:before {    content:"\e633";}#scrolltop a.replyfast:before {    content:"\e6ba";}#scrolltop a.returnlist:before, #scrolltop a.returnboard:before {    content:"\e712";}
复制代码

4. 发帖和回复按钮
  1. .pg_group #newspecial,.pg_forumdisplay #newspecial,.pg_viewthread #newspecial, .pgs #post_reply, .pgs #post_replytmp {          padding: 0px 16px;    background: var(--base);    color: var(--white-bg);    font-size: 14px;   border-radius: 4px;   letter-spacing: 2px;    height: 26px;    line-height: 26px;}
复制代码
5.
自适应, 适应, 模板, 兼容, 过程
我要说一句 收起回复
赞赏
一花一世界，一叶一追寻。一曲一场叹，一生为一人。
回复

使用道具 举报

相关帖子

评论2

Discuz智能体Lv.8 发表于 2025-3-19 01:45:55 | 查看全部
在将Discuz! X3.5的自适应模板适配到Discuz! X3.4的过程中，你遇到了一些问题并提供了解决方案。以下是对你提到的几个问题的详细解释和补充：

### 1. 在线会员图标异常
在`forum/discuz.htm`文件中，你提到需要修改代码以解决在线会员图标异常的问题。通常，这种问题可能是由于X3.5和X3.4在模板结构或CSS样式上的差异导致的。你可以通过以下步骤来解决：

- **检查模板文件**：确保`discuz.htm`文件中与在线会员图标相关的HTML结构和CSS样式与X3.4兼容。
- **对比X3.4和X3.5的模板文件**：如果可能，对比X3.4和X3.5的`discuz.htm`文件，找出差异并进行调整。

### 2. 页面及发帖时会显示 `or ''`
你提到在页面和发帖时会出现`or ''`的占位符。这通常是由于模板中的PHP代码逻辑问题导致的。你可以通过以下步骤来解决：

- **搜索并替换**：在模板文件中搜索`or ''`并将其替换为空字符串。确保在替换之前备份文件，以防替换后出现其他问题。
- **检查逻辑**：确保模板中的PHP代码逻辑正确，避免出现不必要的占位符。

### 3. 右侧悬浮菜单 返回顶部及快速发帖图标不显示
你提到右侧悬浮菜单中的返回顶部和快速发帖图标不显示，并提供了使用`iconfont`的解决方案。以下是详细的步骤：

- **引入字体图标**：你使用了`iconfont`来替换X3.5的字体图标。确保你使用的字体图标与X3.4兼容，并且图标的大小和样式与模板一致。
- **CSS样式调整**：你提供的CSS代码中，定义了`@font-face`和`.iconfont`的样式。确保这些样式正确应用到悬浮菜单的图标上。

  1. @font-face {
  2.     font-family: "iconfont";
  3.     src: url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff2?t=1675524232880') format('woff2'),
  4.          url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff?t=1675524232880') format('woff'),
  5.          url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.ttf?t=1675524232880') format('truetype');
  6. }

  8. .iconfont {
  9.     font-family: "iconfont" !important;
  10.     font-size: 16px;
  11.     font-style: normal;
  12.     -webkit-font-smoothing: antialiased;
  13.     -moz-osx-font-smoothing: grayscale;
  14. }

  16. #scrolltop {
  17.     background: transparent !important;
  18.     border: none !important;
  19.     z-index: 999;
  20. }

  22. #scrolltop a {
  23.     background: var(--base);
  24.     color: var(--white-bg);
  25.     border-radius: 4px;
  26.     margin-top: 8px;
  27.     line-height: 30px !important;
  28.     height: 30px !important;
  29.     padding: 5px !important;
  30. }

  32. #scrolltop a:before {
  33.     line-height: 30px !important;
  34.     display: inline-block;
  35.     font-family: "iconfont" !important;
  36.     font-size: 16px;
  37.     font-style: normal;
  38.     -webkit-font-smoothing: antialiased;
  39.     -moz-osx-font-smoothing: grayscale;
  40.     width: 24px;
  41.     font-size: 24px;
  42.     line-height: 24px;
  43. }

  45. #scrolltop a.scrolltopa:before {
  46.     content: "\e633";
  47. }

  49. #scrolltop a.replyfast:before {
  50.     content: "\e6ba";
  51. }

  53. #scrolltop a.returnlist:before, #scrolltop a.returnboard:before {
  54.     content: "\e712";
  55. }
复制代码


### 4. 发帖和回复按钮
你提到发帖和回复按钮的样式需要调整。以下是详细的步骤：

- **CSS样式调整**：你提供的CSS代码中，定义了发帖和回复按钮的样式。确保这些样式与X3.4的模板兼容，并且按钮的外观和功能正常。

  1. .pg_group #newspecial,
  2. .pg_forumdisplay #newspecial,
  3. .pg_viewthread #newspecial,
  4. .pgs #post_reply,
  5. .pgs #post_replytmp {
  6.     padding: 0px 16px;
  7.     background: var(--base);
  8.     color: var(--white-bg);
  9.     font-size: 14px;
  10.     border-radius: 4px;
  11.     letter-spacing: 2px;
  12.     height: 26px;
  13.     line-height: 26px;
  14. }
复制代码


### 总结
在将Discuz! X3.5的自适应模板适配到X3.4时，可能会遇到一些兼容性问题。通过对比X3.4和X3.5的模板文件，调整CSS样式和PHP代码逻辑，可以解决大部分问题。确保在修改文件之前备份，并在修改后进行充分的测试，以确保模板的正常运行。

如果你在适配过程中遇到其他问题，欢迎继续提问，我会尽力帮助你解决。
-- 本回答由 人工智能 AI智能体 生成，内容仅供参考，请仔细甄别。
我要说一句 收起回复
回复 支持 反对

使用道具 举报

Discuz智能体Lv.8 发表于 2025-3-21 23:52:20 | 查看全部
在将Discuz! X3.5的自适应模板适配到Discuz! X3.4的过程中，你遇到了一些问题并提供了解决方案。以下是对你提到的几个问题的详细解释和优化建议：

### 1. 在线会员图标异常
你提到在 `forum/discuz.htm` 文件中进行了修改。通常，这种问题可能是由于模板文件中的图标类名或路径发生了变化。建议你检查以下几点：
- 确保图标类名在X3.4和X3.5中是一致的。
- 如果图标是通过字体图标（如FontAwesome）实现的，确保字体文件的路径正确，并且字体文件已经正确加载。

### 2. 页面及发帖时会显示 `or ''`
你提到直接搜索 `or ''` 并替换为空。这个操作可能是为了处理某些模板变量未定义的情况。建议你在替换之前，先确认这些变量的来源和用途。如果这些变量是模板中的占位符，替换为空可能是安全的，但最好在替换后进行全面的测试，确保没有引入新的问题。

### 3. 右侧悬浮菜单 返回顶部及快速发帖图标不显示
你提到引入了自定义的字体图标来替换X3.5的字体图标。这是一个很好的解决方案，尤其是在X3.4中不需要引入X3.5的字体文件时。以下是你提供的CSS代码的优化建议：

  1. /* 右侧悬浮菜单 */
  2. @font-face {
  3.     font-family: "iconfont"; /* Project id 3880532 */
  4.     src: url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff2?t=1675524232880') format('woff2'),
  5.          url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff?t=1675524232880') format('woff'),
  6.          url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.ttf?t=1675524232880') format('truetype');
  7. }

  9. .iconfont {
  10.     font-family: "iconfont" !important;
  11.     font-size: 16px;
  12.     font-style: normal;
  13.     -webkit-font-smoothing: antialiased;
  14.     -moz-osx-font-smoothing: grayscale;
  15. }

  17. #scrolltop {
  18.     background: transparent !important;
  19.     border: none !important;
  20.     z-index: 999;
  21. }

  23. #scrolltop a {
  24.     background: var(--base);
  25.     color: var(--white-bg);
  26.     border-radius: 4px;
  27.     margin-top: 8px;
  28.     line-height: 30px !important;
  29.     height: 30px !important;
  30.     padding: 5px !important;
  31. }

  33. #scrolltop a:before {
  34.     line-height: 30px !important;
  35.     display: inline-block;
  36.     font-family: "iconfont" !important;
  37.     font-size: 16px;
  38.     font-style: normal;
  39.     -webkit-font-smoothing: antialiased;
  40.     -moz-osx-font-smoothing: grayscale;
  41.     width: 24px;
  42.     font-size: 24px;
  43.     line-height: 24px;
  44. }

  46. #scrolltop a.scrolltopa:before {
  47.     content: "\e633";
  48. }

  50. #scrolltop a.replyfast:before {
  51.     content: "\e6ba";
  52. }

  54. #scrolltop a.returnlist:before, #scrolltop a.returnboard:before {
  55.     content: "\e712";
  56. }
复制代码


### 4. 发帖和回复按钮
你提到对发帖和回复按钮的样式进行了调整。以下是你提供的CSS代码的优化建议：

  1. .pg_group #newspecial,
  2. .pg_forumdisplay #newspecial,
  3. .pg_viewthread #newspecial,
  4. .pgs #post_reply,
  5. .pgs #post_replytmp {
  6.     padding: 0px 16px;
  7.     background: var(--base);
  8.     color: var(--white-bg);
  9.     font-size: 14px;
  10.     border-radius: 4px;
  11.     letter-spacing: 2px;
  12.     height: 26px;
  13.     line-height: 26px;
  14. }
复制代码


### 总结
在适配过程中，确保每个修改都经过充分的测试，以避免引入新的问题。如果你在适配过程中遇到其他问题，欢迎继续提问，我会尽力提供帮助。
-- 本回答由 人工智能 AI智能体 生成，内容仅供参考，请仔细甄别。
我要说一句 收起回复
回复 支持 反对

使用道具 举报

返回列表 发布新帖

回复
 懒得打字嘛，点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

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

AI智能体

关于我们

关于我们 免责声明 应用市场 下载中心

服务支持

有问必答 优秀站点 常见问题 建站必看
投诉/建议联系

discuzaddons@vip.qq.com

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

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

您的IP:18.223.33.204,GMT+8, 2025-4-11 02:07 , Processed in 0.330451 second(s), 79 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

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