【開源模板】Discuz!X3.5自適應模板兼容Discuz!X3.4過程記錄

qzuser1212

極簡藍自適應模板是一款響應式模板，在官方默認模板的基礎上進行了手機+平板+pc自適應優化。兼容寬窄模式切換，可在模板編輯頁面更換顏色，兼容5種風格樣式。

本帖是記錄在X3.5環境開發的極簡藍自適應模板 適配Discuz!X3.4的過程。
不一定適用所有模板，僅做備份參考。

登錄/注冊后可看大圖

本模板已經開源在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. /* 右側懸浮菜單 */
   
3. @font-face {
   
4.     font-family: "iconfont"; /* Project id 3880532 */
   
5.     src: url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff2?t=1675524232880') format('woff2'),
   
6.          url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.woff?t=1675524232880') format('woff'),
   
7.          url('//at.alicdn.com/t/c/font_3880532_hz1e9dvrmvg.ttf?t=1675524232880') format('truetype');
   
8.   }
   
9.   
   
10.   .iconfont {
    
11.     font-family: "iconfont" !important;
    
12.     font-size: 16px;
    
13.     font-style: normal;
    
14.     -webkit-font-smoothing: antialiased;
    
15.     -moz-osx-font-smoothing: grayscale;
    
16.   }
    
17.   
    
18. #scrolltop {
    
19.     background: transparent !important;
    
20.     border: none !important;
    
21.     z-index: 999;
    
22. }
    
23. 
    
24. #scrolltop a {
    
25.     background: var(--base);
    
26.     color: var(--white-bg);
    
27.     border-radius: 4px;
    
28.     margin-top: 8px;
    
29.     line-height: 30px !important;
    
30.     height: 30px !important;
    
31.     padding: 5px !important;
    
32. }
    
33. 
    
34. #scrolltop a:before {
    
35.     line-height: 30px !important;
    
36.     display:inline-block;
    
37.     font-family: "iconfont" !important;
    
38.     font-size: 16px;
    
39.     font-style: normal;
    
40.     -webkit-font-smoothing: antialiased;
    
41.     -moz-osx-font-smoothing: grayscale;
    
42.     width:24px;
    
43.     font-size:24px;
    
44.     line-height:24px;
    
45. }
    
46. 
    
47. #scrolltop a.scrolltopa:before {
    
48.     content:"\e633";
    
49. }
    
50. #scrolltop a.replyfast:before {
    
51.     content:"\e6ba";
    
52. }
    
53. #scrolltop a.returnlist:before, #scrolltop a.returnboard:before {
    
54.     content:"\e712";
    
55. }

復制代碼

4. 發帖和回復按鈕

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

復制代碼

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

復制代碼

小軒砌站xx7z.com

看看是什么

02a902a9

看看在說

shuiguozhen

值得學習一下

a676700171

來看看好不好用

yiyulebo

打開看看 感謝分享

Levno

看看自適應

dalao12344

htdfrhfhfterwterterert

wwweaiqucom

開源模板

小巔峰

學習一下啊

chazaiyaogua

看看看看