南通铭溪数码印花

找回密码
立即注册
发新帖

3

积分

0

好友

1

主题
发表于 2025-4-15 23:08:43 | 查看: 111| 回复: 6
极简蓝自适应模板是一款响应式模板,在官方默认模板的基础上进行了手机+平板+pc自适应优化。兼容宽窄模式切换,可在模板编辑页面更换颜色,兼容5种风格样式。

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

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

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

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

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




  • /* 右侧悬浮菜单 */
  • @font-face {
  •     font-family: &quot;iconfont&quot;; /* 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: &quot;iconfont&quot; !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: &quot;iconfont&quot; !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:&quot;\e633&quot;;
  • }
  • #scrolltop a.replyfast:before {
  •     content:&quot;\e6ba&quot;;
  • }
  • #scrolltop a.returnlist:before, #scrolltop a.returnboard:before {
  •     content:&quot;\e712&quot;;}


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显示异常

    <p class=&quot;xs0&quot;>{lang copyright}</p>



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



6.编辑器图标异常

forum/post_editor_body.htm
    <img src=&quot;$bbcode[icon]&quot; title=&quot;$bbcode[explanation]&quot; alt=&quot;$tag&quot; />

改为


  • <!--{eval $dz_version_num = str_ireplace('X','',$_G['setting']['version']);}-->
  • <!-- {if   $dz_version_num>3.4 } -->
  • <img src=&quot;$bbcode[icon]&quot; title=&quot;$bbcode[explanation]&quot; alt=&quot;$tag&quot; />
  • <!-- {else} -->
  • <img src=&quot;{STATICURL}image/common/$bbcode[icon]&quot; title=&quot;$bbcode[explanation]&quot; alt=&quot;$tag&quot; /><!-- {/if} -->







来源:https://www.dismall.com/thread-15804-1-1.html
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

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

发表于 2025-4-15 23:18:00
编辑器问题已解决

回复 显示全部楼层 道具 举报

发表于 2025-4-15 23:31:54



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

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

本帖子中包含更多资源

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

回复 显示全部楼层 道具 举报

发表于 2025-4-15 23:55:53
好的 学习了。不过很奇怪,那个代码居然也生效了。

回复 显示全部楼层 道具 举报

发表于 2025-4-16 00:21:40
好像的确能用

回复 显示全部楼层 道具 举报

发表于 2025-4-16 00:39:02
开源介绍里写了你不看

本帖子中包含更多资源

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

回复 显示全部楼层 道具 举报

发表于 2025-4-16 01:05:32
支持一下吧~

回复 显示全部楼层 道具 举报

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

QQ|Archiver|手机版|小黑屋|南通铭溪

GMT+8, 2025-5-3 20:21 , Processed in 0.045665 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表