Discuz! 自带模板 discuzx5 修改美化记录

boonkiong

导入 diy 文件 ➡ 获取地址 ➡ Discuz! 分享 X5模板论坛的 diy 导入文件

操作方法：
1、鼠标移动到右上方头像，选择菜单里的 DIY 设置

Discuz! 自带模板 discuzx5 修改记录帖

2、然后在跳转后的页面选择“导入” ➡ 选择下载的 diy 文件

Discuz! 自带模板 discuzx5 修改记录帖

boonkiong

添加背景图片，打开 template\discuzx5\common\extend_common.css，找到:

1. body {background:var(--dz-bodybg)}

复制代码

注译掉或直接覆盖原始代码

1. body { background: url("图片地址") no-repeat center center fixed;background-size: cover;}

复制代码

boonkiong

添加透明背景，把代码添加到 extend_common.css 文件里

1. /*导航*/
   
2. .topbox {  background-color:#f9f9fa4f !important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;}
   
3. /*论坛版块页面*/
   
4. div.bm.bmw.cl {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
   
5.     backdrop-filter: blur(8px);
   
6.     border: 1px solid rgba(255, 255, 255, 0.1);
   
7.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
   
8.     border-radius: 5px;
   
9. }
   
10. div.fl.bm {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
11.     backdrop-filter: blur(8px);
    
12.     border: 1px solid rgba(255, 255, 255, 0.1);
    
13.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
14.     border-radius: 5px;
    
15. }
    
16. /*在线会员*/
    
17. #online.bm.oll {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
18.     backdrop-filter: blur(8px);
    
19.     border: 1px solid rgba(255, 255, 255, 0.1);
    
20.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
21.     border-radius: 5px;
    
22. }
    
23. /*友情链接*/
    
24. div.bm.lk { border-radius:4px; background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
25.     backdrop-filter: blur(8px);
    
26.     border: 1px solid rgba(255, 255, 255, 0.1);
    
27.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
28.     border-radius: 5px;
    
29. }
    
30. /*添加的Diy*/
    
31. /*首页N格*/
    
32. #tabQmjDHd {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
33.     backdrop-filter: blur(8px);
    
34.     border: 1px solid rgba(255, 255, 255, 0.1);
    
35.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
36.     border-radius: 5px;
    
37. }
    
38. /*添加的Diy*/
    
39. /*今日看点*/
    
40. #portal_block_227 {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
41.     backdrop-filter: blur(8px);
    
42.     border: 1px solid rgba(255, 255, 255, 0.1);
    
43.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
44.     border-radius: 5px;
    
45. }
    
46. /*推荐帖子*/
    
47. #portal_block_228 {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
48.     backdrop-filter: blur(8px);
    
49.     border: 1px solid rgba(255, 255, 255, 0.1);
    
50.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
51.     border-radius: 5px;
    
52. }
    
53. /*活跃会员*/
    
54. #portal_block_216 {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
55.     backdrop-filter: blur(8px);
    
56.     border: 1px solid rgba(255, 255, 255, 0.1);
    
57.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
58.     border-radius: 5px;
    
59. }
    
60. /*广告栏Discuz!X5下载*/
    
61. #portal_block_221 {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
62.     backdrop-filter: blur(8px);
    
63.     border: 1px solid rgba(255, 255, 255, 0.1);
    
64.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
65.     border-radius: 5px;
    
66. }
    
67. /*广告栏Discuz!国际版*/
    
68. #portal_block_223 {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
69.     backdrop-filter: blur(8px);
    
70.     border: 1px solid rgba(255, 255, 255, 0.1);
    
71.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
72.     border-radius: 5px;
    
73. }
    
74. /*置顶帖*/
    
75. #portal_block_215 {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;
    
76.     backdrop-filter: blur(8px);
    
77.     border: 1px solid rgba(255, 255, 255, 0.1);
    
78.     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
    
79.     border-radius: 5px;
    
80. }
    
81. /*主题列表和帖子内容页*/
    
82. div#ct.wp.cl {  background-color:#f9f9fa4f!important, filter:alpha(opacity:0.98); opacity:0.98;  -moz-opacity:0.98;-khtml-opacity: 0.98!important;}
    
83. /*返回顶部*/
    
84. div#dz_rnav.dz_rnav {  background-color:#f9f9fa4f !important, filter:alpha(opacity:0.9); opacity:0.9;  -moz-opacity:0.9;-khtml-opacity: 0.9!important;}
    
85. /** end **/

复制代码