【開(kāi)源模板】Discuz!X3.5自適應(yīng)模板兼容Discuz!X3.4過(guò)程記錄

qzuser1212

極簡(jiǎn)藍(lán)自適應(yīng)模板是一款響應(yīng)式模板，在官方默認(rèn)模板的基礎(chǔ)上進(jìn)行了手機(jī)+平板+pc自適應(yīng)優(yōu)化。兼容寬窄模式切換，可在模板編輯頁(yè)面更換顏色，兼容5種風(fēng)格樣式。

本帖是記錄在X3.5環(huán)境開(kāi)發(fā)的極簡(jiǎn)藍(lán)自適應(yīng)模板 適配Discuz!X3.4的過(guò)程。
不一定適用所有模板，僅做備份參考。

登錄/注冊(cè)后可看大圖

本模板已經(jīng)開(kāi)源在gitee，開(kāi)源版基本已經(jīng)穩(wěn)定， 開(kāi)源版不會(huì)跟隨線(xiàn)上版本更新，可以作為學(xué)習(xí)或二次開(kāi)發(fā)后商用，不可二次出售或上架應(yīng)用市場(chǎng)。

開(kāi)源源碼下載地址：

游客，如果您要查看本帖隱藏內(nèi)容請(qǐng)回復(fù)

1. 在線(xiàn)會(huì)員圖標(biāo)異常
forum/discuz.htm

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

復(fù)制代碼

改為
<!--{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. 頁(yè)面及發(fā)帖時(shí)會(huì)顯示 or ''
直接搜索 or ''  替換為空（這個(gè)應(yīng)該是空值占位，不知道會(huì)不會(huì)出問(wèn)題，目前沒(méi)有遇到問(wèn)題

3. 右側(cè)懸浮菜單 返回頂部及快速發(fā)帖圖標(biāo)不顯示
如果引入Discuz!X3.5的字體就太大了沒(méi)必要 只有三個(gè)字體圖標(biāo) 到iconfont上找了三個(gè)替換了

1. 
   
2. /* 右側(cè)懸浮菜單 */
   
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. }

復(fù)制代碼

4. 發(fā)帖和回復(fù)按鈕

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

復(fù)制代碼

5.底部copyright顯示異常

1. <p class="xs0">{lang copyright}</p>

復(fù)制代碼

改為：

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

復(fù)制代碼

6.編輯器圖標(biāo)異常
forum/post_editor_body.htm

1. <img src="$bbcode[icon]" title="$bbcode[explanation]" alt="$tag" />

復(fù)制代碼

改為

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

復(fù)制代碼

小軒砌站xx7z.com

看看是什么

02a902a9

看看在說(shuō)

shuiguozhen

值得學(xué)習(xí)一下

a676700171

來(lái)看看好不好用

yiyulebo

打開(kāi)看看 感謝分享

Levno

看看自適應(yīng)

dalao12344

htdfrhfhfterwterterert

wwweaiqucom

開(kāi)源模板

小巔峰

學(xué)習(xí)一下啊

chazaiyaogua

看看看看