Discuz!小编 发表于 2024-7-3 16:01:53

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

极简蓝自适应模板是一款响应式模板,在官方默认模板的基础上进行了手机+平板+pc自适应优化。兼容宽窄模式切换,可在模板编辑页面更换颜色,兼容5种风格样式。
本帖是记录在X3.5环境开发的极简蓝自适应模板 适配Discuz!X3.4的过程。
不一定适用所有模板,仅做备份参考。


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

开源源码下载地址:

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


   

   


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

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


/* 右侧悬浮菜单 */@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}


改为:



6.编辑器图标异常
forum/post_editor_body.htm

改为

KarlMock59 发表于 2024-7-3 16:02:32

编辑器问题已解决

杰克 发表于 2024-7-3 16:02:45




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

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

海军大都督 发表于 2024-7-3 16:03:00

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

KarlMock59 发表于 2024-7-3 16:03:40

好像的确能用

Sylvia 发表于 2024-7-3 16:04:12

开源介绍里写了你不看

凡若尘 发表于 2024-7-3 16:05:01

支持一下吧~

、流血不流泪 发表于 2024-8-12 10:00:02

好的 学习了
页: [1]
查看完整版本: 【开源模板】Discuz!X3.5自适应模板兼容Discuz!X3.4过程记录