返回列表 发帖
查看: 17277|回复: 114

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

 

63

主题

398

回帖

572

积分

应用开发者

贡献
9 点
金币
26 个
QQ
发表于 2023-2-4 23:40:33 | 显示全部楼层 |阅读模式

极简蓝自适应模板是一款响应式模板,在官方默认模板的基础上进行了手机+平板+pc自适应优化。兼容宽窄模式切换,可在模板编辑页面更换颜色,兼容5种风格样式。

本帖是记录在X3.5环境开发的极简蓝自适应模板 适配Discuz!X3.4的过程。
不一定适用所有模板,仅做备份参考。
千库编辑_电子产品展示样机.jpg

本模板已经开源在gitee,开源版基本已经稳定, 开源版不会跟随线上版本更新,可以作为学习或二次开发后商用,不可二次出售或上架应用市场。

开源源码下载地址
游客,如果您要查看本帖隐藏内容请回复


1. 在线会员图标异常
forum/discuz.htm
  1. <img src="$online[icon]" alt="icon" />
复制代码
改为
<!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
<!-- {if  $dz_version_num>3.4 } -->
   <img src="$online[icon]" alt="icon" />
<!-- {else} -->
   <img src="{STATICURL}image/common/$online[icon]" alt="icon" />
<!--{/if}-->

2. 页面及发帖时会显示 or ''
直接搜索 or ''  替换为空(这个应该是空值占位,不知道会不会出问题,目前没有遇到问题

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



  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.   }
  8.   
  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.   }
  16.   
  17. #scrolltop {
  18.     background: transparent !important;
  19.     border: none !important;
  20.     z-index: 999;
  21. }

  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. }

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

  43. #scrolltop a.scrolltopa:before {
  44.     content:"\e633";
  45. }
  46. #scrolltop a.replyfast:before {
  47.     content:"\e6ba";
  48. }
  49. #scrolltop a.returnlist:before, #scrolltop a.returnboard:before {
  50.     content:"\e712";
  51. }
复制代码


4. 发帖和回复按钮

  1. .pg_group #newspecial,
  2. .pg_forumdisplay #newspecial,
  3. .pg_viewthread #newspecial, .pgs #post_reply, .pgs #post_replytmp {
  4.    
  5.   
  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. }
复制代码
5.底部copyright显示异常

  1. <p class="xs0">{lang copyright}</p>
复制代码



改为:
  1. <blockquote><!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
复制代码



6.编辑器图标异常

forum/post_editor_body.htm
  1. <img src="$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />
复制代码

改为

  1. <!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
  2. <!-- {if   $dz_version_num>3.4 } -->
  3. <img src="$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />
  4. <!-- {else} -->
  5. <img src="{STATICURL}image/common/$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />
  6. <!-- {/if} -->
复制代码






⭐️推荐插件
Uniapp小程序和APP
所有插件打包

⭐️推荐模板
美化APP手机版
小米社区
回复

使用道具 举报

63

主题

398

回帖

572

积分

应用开发者

贡献
9 点
金币
26 个
QQ
 楼主| 发表于 2023-2-5 15:28:58 | 显示全部楼层
编辑器问题已解决
⭐️推荐插件
Uniapp小程序和APP
所有插件打包

⭐️推荐模板
美化APP手机版
小米社区
回复 支持 反对

使用道具 举报

头像被屏蔽

151

主题

224

回帖

409

积分

炉火纯青

贡献
0 点
金币
5 个
发表于 2023-2-5 16:23:32 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

19

主题

441

回帖

905

积分

应用开发者

贡献
23 点
金币
184 个
QQ
发表于 2023-2-5 18:16:45 | 显示全部楼层
本帖最后由 onetheme 于 2023-2-5 18:43 编辑

截图202302051814168249.jpg


$_G['setting']['version']出来的是带“X”的,所以去掉下“X”再比较大小

<!--{eval $zz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
<!-- {if  $zz_version_num>3.4 } -->
   <img src="$online[icon]" alt="icon" />
<!-- {else} -->
   <img src="{STATICURL}image/common/$online[icon]" alt="icon" />
<!--{/if}-->



回复 支持 反对

使用道具 举报

63

主题

398

回帖

572

积分

应用开发者

贡献
9 点
金币
26 个
QQ
 楼主| 发表于 2023-2-5 18:19:09 | 显示全部楼层
onetheme 发表于 2023-2-5 18:16
打印下$_G['setting']['version'],就会看到来的是带“X”的,所以去掉下“X”再比较大小

好的 学习了。不过很奇怪,那个代码居然也生效了。
⭐️推荐插件
Uniapp小程序和APP
所有插件打包

⭐️推荐模板
美化APP手机版
小米社区
回复 支持 反对

使用道具 举报

19

主题

441

回帖

905

积分

应用开发者

贡献
23 点
金币
184 个
QQ
发表于 2023-2-5 18:29:06 | 显示全部楼层
qzuser1212 发表于 2023-2-5 18:19
好的 学习了。不过很奇怪,那个代码居然也生效了。

好像的确能用
有偿服务QQ:2050094712
一个主题全部应用  https://addon.dismall.com/?@57900.developer
回复 支持 反对

使用道具 举报

头像被屏蔽

151

主题

224

回帖

409

积分

炉火纯青

贡献
0 点
金币
5 个
发表于 2023-2-5 18:46:16 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

63

主题

398

回帖

572

积分

应用开发者

贡献
9 点
金币
26 个
QQ
 楼主| 发表于 2023-2-5 18:51:53 | 显示全部楼层
disqq 发表于 2023-2-5 18:46
尝试安装,使用, 说我安装的不是正版   强迫加入了黑名单 😭

开源介绍里写了你不看
⭐️推荐插件
Uniapp小程序和APP
所有插件打包

⭐️推荐模板
美化APP手机版
小米社区
回复 支持 反对

使用道具 举报

头像被屏蔽

151

主题

224

回帖

409

积分

炉火纯青

贡献
0 点
金币
5 个
发表于 2023-2-5 18:54:11 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

使用道具 举报

24

主题

118

回帖

161

积分

渐入佳境

贡献
0 点
金币
12 个
发表于 2023-2-5 19:59:22 | 显示全部楼层
支持一下吧~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 关注公众号
  • 有偿服务微信
  • 有偿服务QQ

手机版|小黑屋|Discuz! 官方交流社区 ( 皖ICP备16010102号 |皖公网安备34010302002376号 )|网站地图|star

GMT+8, 2024-3-29 16:19 , Processed in 0.049751 second(s), 9 queries , Redis On.

Powered by Discuz! W1.0 Licensed

Cpoyright © 2001-2024 Discuz! Team.

关灯 快速发帖
有偿服务QQ
有偿服务微信
返回顶部
快速回复 返回顶部 返回列表