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

IT618应用中心 · 发表于 2024-7-16 20:18:10

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

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

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

开源源码下载地址：

1. 在线会员图标异常
forum/discuz.htm

[/code]改为
[size=5]2. 页面及发帖时会显示 or ''[/size]
直接搜索 or '' 替换为空（这个应该是空值占位，不知道会不会出问题，目前没有遇到问题
[size=5]3. 右侧悬浮菜单返回顶部及快速发帖图标不显示[/size]
[size=2]如果引入Discuz!X3.5的字体就太大了没必要只有三个字体图标到iconfont上找了三个替换了[/size]
[size=2]
[/size]
[code]/* 右侧悬浮菜单 */@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. 发帖和回复按钮

.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.底部copyright显示异常

{lang copyright}

复制代码

改为：

[/code]
[size=5]
6.编辑器图标异常[/size]
forum/post_editor_body.htm
[code]

复制代码

改为

[code][/code]

知行社区 · 发表于 2024-7-16 20:18:34

编辑器问题已解决

霸王别姬 · 发表于 2024-7-16 20:19:26

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



<img src="$online[icon]" alt="icon" />

<img src="{STATICURL}image/common/$online[icon]" alt="icon" />

小冰 · 发表于 2024-7-16 20:20:07

好的学习了。不过很奇怪，那个代码居然也生效了。

ROBOT · 发表于 2024-7-16 20:20:32

好像的确能用

ROBOT · 发表于 2024-7-16 20:21:17

开源介绍里写了你不看

知行社区 · 发表于 2024-7-16 20:21:29

支持一下吧~

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

本帖子中包含更多资源

相关帖子

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

关于我们

服务支持

caogen8@vip.qq.com