X3.5簡易兼容X3.4及之前的模板方案

onetheme

科站網 發表于 2023-1-17 13:02
配色模板反而是可以直接兼容

最要命的是之前應用沒加單引號，導致頁面報錯

湖中沉

onetheme 發表于 2023-1-17 19:01
最要命的是之前應用沒加單引號，導致頁面報錯

這種屬于PHP標準要求的問題，PHP的標準越來越嚴格了

克里蒂斯

謝謝老大的教程!

onetheme

X3.4及以下版塊模板common文件中使用了common.css，還應在common.css最下面添加如下css

1. img, svg { vertical-align: bottom; }
   
2.         @font-face { font-family: "dzicon"; src: url('{IMGDIR}/dzicon.eot'); src: url('{IMGDIR}/dzicon.eot?#iefix') format('eot'), url('{IMGDIR}/dzicon.woff2') format('woff2'), url('{IMGDIR}/dzicon.woff') format('woff'); font-weight: normal; font-style: normal; }
   
3.         [class^="fico-"]:before, [class*=" fico-"]:before { font-family: "dzicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; font-size: 120%; }
   
4.         /* font icon size */
   
5.         .fic4 { font-size: 14px; }.fic6 { font-size: 16px; }.fic8 { font-size: 18px; }
   
6.         /* flip x */
   
7.         .fifx::before { transform: scale(-1,1); }
   
8.         /* font rotate */
   
9.         @keyframes dzrotate{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
   
10.         .ficr { margin-right: .2em; }.ficr:before { margin-right: 0; animation: dzrotate 2s infinite linear; }
    
11.         .loadicon { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23999' d='M12.2 12.2L14 14H9V9l1.8 1.8c.7-.7 1.2-1.7 1.2-2.8 0-1.9-1.3-3.4-3-3.9v-2c2.8.4 5 2.9 5 5.9 0 1.6-.7 3.1-1.8 4.2zM3.8 3.8C2.7 4.8 2 6.3 2 8c0 3 2.2 5.4 5 5.9v-2.1c-1.7-.4-3-2-3-3.9 0-1.1.5-2.1 1.2-2.8L7 7V2H2l1.8 1.8z'/%3e%3c/svg%3e"); display: inline-block; width: 16px; height: 16px; animation: dzrotate 1.2s infinite linear; }
    
12.         /* font color primary/secondary/notice/light/alarm/valid/invalid */
    
13.         .fc-p { color: {MENUBGCOLOR}; } .fc-s { color: #999; } .fc-n { color: #7DA0CC; } .fc-l { color: #FF9C00; } .fc-a { color: #F26C4F; } .fc-v { color: #7CBE00; } .fc-i { color: #FF512C; } .fc-t { color: transparent; }
    
14.         /* no margin right */
    
15.         .fnmr:before { margin-right: 0; }
    
16. /* font icon圖標列表，供用戶調用 */
    
17. .fico-person:before{content:"\f100";}
    
18. .fico-search:before{content:"\f101";}
    
19. .fico-account_box:before{content:"\f102";}
    
20. .fico-account:before{content:"\f102";}
    
21. .fico-home:before{content:"\f103";}
    
22. .fico-assessment:before{content:"\f104";}
    
23. .fico-widthfixed:before{content:"\f105";}
    
24. .fico-widthauto:before{content:"\f106";}
    
25. .fico-styleselect:before{content:"\f107";}
    
26. .fico-add_circle:before{content:"\f108";}
    
27. .fico-add:before{content:"\f108";}
    
28. .fico-remove_circle:before{content:"\f109";}
    
29. .fico-remove:before{content:"\f109";}
    
30. .fico-rss_feed:before{content:"\f10a";}
    
31. .fico-rss:before{content:"\f10a";}
    
32. .fico-refresh:before{content:"\f10b";}
    
33. .fico-delete:before{content:"\f10c";}
    
34. .fico-comment:before{content:"\f10d";}
    
35. .fico-edit:before{content:"\f10e";}
    
36. .fico-push:before{content:"\f10f";}
    
37. .fico-thumbup:before{content:"\f110";}
    
38. .fico-thumbdown:before{content:"\f111";}
    
39. .fico-collection:before{content:"\f112";}
    
40. .fico-activitysm:before{content:"\f113";}
    
41. .fico-share:before{content:"\f114";}
    
42. .fico-check_right:before{content:"\f115";}
    
43. .fico-error:before{content:"\f116";}
    
44. .fico-info:before{content:"\f117";}
    
45. .fico-qq:before{content:"\f118";}
    
46. .fico-email:before{content:"\f119";}
    
47. .fico-task:before{content:"\f11a";}
    
48. .fico-scrolltop:before{content:"\f11b";}
    
49. .fico-replyfast:before{content:"\f11c";}
    
50. .fico-list:before{content:"\f11d";}
    
51. .fico-follow:before{content:"\f11e";}
    
52. .fico-friendadd:before{content:"\f11f";}
    
53. .fico-mypost:before{content:"\f120";}
    
54. .fico-interactive:before{content:"\f121";}
    
55. .fico-settings:before{content:"\f122";}
    
56. .fico-link:before{content:"\f123";}
    
57. .fico-up:before{content:"\f124";}
    
58. .fico-down:before{content:"\f125";}
    
59. .fico-left:before{content:"\f126";}
    
60. .fico-right:before{content:"\f127";}
    
61. .fico-valid:before{content:"\f128";}
    
62. .fico-invalid:before{content:"\f129";}
    
63. .fico-stars:before{content:"\f12a";}
    
64. .fico-sun:before{content:"\f12b";}
    
65. .fico-star3:before{content:"\f12b";}
    
66. .fico-moon:before{content:"\f12c";}
    
67. .fico-star2:before{content:"\f12c";}
    
68. .fico-star:before{content:"\f12d";}
    
69. .fico-star1:before{content:"\f12d";}
    
70. .fico-checkbox:before{content:"\f12e";}
    
71. .fico-checked:before{content:"\f12f";}
    
72. .fico-doing:before{content:"\f130";}
    
73. .fico-volume:before{content:"\f131";}
    
74. .fico-image:before{content:"\f132";}
    
75. .fico-attachment:before{content:"\f133";}
    
76. .fico-thread:before{content:"\f134";}
    
77. .fico-clock:before{content:"\f135";}
    
78. .fico-lock:before{content:"\f136";}
    
79. .fico-print:before{content:"\f137";}
    
80. .fico-help:before{content:"\f138";}
    
81. .fico-launch:before{content:"\f139";}
    
82. .fico-imgadjust:before{content:"\f13a";}
    
83. .fico-vote:before{content:"\f13b";}
    
84. .fico-reward:before{content:"\f13c";}
    
85. .fico-vs:before{content:"\f13d";}
    
86. .fico-group:before{content:"\f13e";}
    
87. .fico-cart:before{content:"\f13f";}
    
88. .fico-headset:before{content:"\f140";}
    
89. .fico-phone:before{content:"\f141";}
    
90. .fico-place:before{content:"\f142";}
    
91. .fico-camera:before{content:"\f143";}
    
92. .fico-voice:before{content:"\f144";}
    
93. .fico-bell:before{content:"\f145";}
    
94. .fico-loading:before{content:"\f146";}
    
95. .fico-poke:before{content:'\f146';}
    
96. .fico-profile:before{content:'\f147';}
    
97. .fico-dropdown:before{content:'\f148';}
    
98. .fico-ban:before{content:'\f149';}
    
99. .fico-tag:before{content:'\f14a';}

復制代碼

解決多處圖標不顯示

龍二哥

學習一下。

湖中沉

TaC 發表于 2023-1-17 19:51
我來跟進一下樓主的修改，升級3.5后，模板適用問題，我折騰了好長時間。根據論壇上高手指點，下面把我遇到 ...

大部分修改是對的，但一些原因不對，你這個最好還是不要輕易指導別人，可能存在引起錯誤操作的可能。

湖中沉

TaC 發表于 2023-1-17 20:06
呵，看到你發布了模板適配修正方法，所以把近時間折騰的問題總結一下。
模板作者不同，可能出現問題的地 ...

不，原因不太正確，比如你的第一條，那是漫游殘留。

專業的事情交給專業的人去做，不然到時候誰根據你的帖子做了什么，出什么問題，罵的也是你，所以好心建議如果自己不是擅長技術方面且確定的操作，盡量不要輕易推薦。畢竟現在罵娘的人可多了