来个装扮空间展示~

brysonjk935

发现好多新人忽略了这个装扮空间（）

感觉挺有意思的梦回小时候自定义qq主页的感觉
稍微的小试了一下 ↓
（看着快眼瞎的感觉）
（难道没有人觉得这个功能很好玩吗）

小樱

看了一下太花，，，我是把装饰人物放在两边不影响文字显示

brysonjk935

小樱 发表于 2026/5/26 21:28
看了一下太花，，，我是把装饰人物放在两边不影响文字显示

我看见萌十七的主页模板好不一样啊，背景幻灯片切换还能让头像旋转（），是什么代码神力吗

这种看起来好厉害
https://m.itzmx.com/?21856

小樱

brysonjk935 发表于 2026/5/27 15:09
我看见萌十七的主页模板好不一样啊，背景幻灯片切换还能让头像旋转（），是什么代码神力吗

这 ...

神奇，他估计是利用第三方程序post了什么css代码上去
总结，开挂了

Hileb

拍同款！进入编辑界面：
https://m.itzmx.com/home.php?mod=space&do=index&diy=yes
控制台使用：

1. (function() {
   
2. 
   
3.     document.diyform.spacecss.value = `
   
4. #ct {
   
5.     background: rgba(255, 255, 255, 0.7) !important;
   
6.     backdrop-filter: blur(5px);                     
   
7.     border-radius: 7px;                          
   
8.     box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.12);   
   
9.     transition: background 0.5s;                    
   
10. }
    
11. 
    
12. 
    
13. #ct:hover {
    
14.     background: rgba(255, 255, 255, 0.8) !important;
    
15. }
    
16. 
    
17. #hd {
    
18.         visibility: hidden !important;
    
19. }
    
20. 
    
21. body {
    
22.         background-image: url('https://api.ctix.cn/random/pic.php') !important;
    
23.         background-repeat: repeat !important;
    
24. }
    
25. 
    
26. #toptb .y a:before, #toptb .y a:after, #toptb .y span:before, #toptb .y span:after {
    
27.     content: close-quote;
    
28.     display: block;
    
29.     position: fixed;
    
30.     z-index: -1;
    
31.     top: 0; left: 0;
    
32.     width: 100vw; height: 100vh;
    
33.     background-size: cover;
    
34.     background-attachment: fixed;
    
35.     background-position: center;
    
36.     opacity: 1;
    
37.     transition: opacity 0.3s linear 0s;
    
38. }
    
39. 
    
40. 
    
41. body:hover #toptb .y a:nth-child(1):before { opacity: 0; height: 0; transition: opacity 0.3s linear 3s, height 0s linear 3.3s; }
    
42. #toptb .y a:nth-child(1):before { background-image: url(https://api.ctix.cn/random/pic.php?1)!important; z-index: -1; }
    
43. 
    
44. body:hover #toptb .y a:nth-child(1):after { opacity: 0; height: 0; transition: opacity 0.3s linear 6s, height 0s linear 6.3s; }
    
45. #toptb .y a:nth-child(1):after { background-image: url(https://api.ctix.cn/random/pic.php?2)!important; z-index: -2; }
    
46. 
    
47. 
    
48. body:hover #toptb .y a:nth-child(2):before { opacity: 0; height: 0; transition: opacity 0.3s linear 9s, height 0s linear 9.3s; }
    
49. #toptb .y a:nth-child(2):before { background-image: url(https://api.ctix.cn/random/pic.php?3)!important; z-index: -3; }
    
50. 
    
51. 
    
52. body:hover #toptb .y a:nth-child(2):after { opacity: 0; height: 0; transition: opacity 0.3s linear 12s, height 0s linear 12.3s; }
    
53. #toptb .y a:nth-child(2):after { background-image: url(https://api.ctix.cn/random/pic.php?4)!important; z-index: -4; }
    
54. 
    
55. .hm img {
    
56.     border-radius: 50%;
    
57.     transition: transform 0.5s ease;
    
58. }
    
59. .hm img:hover {
    
60.     transform: rotate(360deg);      
    
61. }
    
62. 
    
63. 
    
64. .mls img {
    
65.     border-radius: 50%;
    
66.     transition: transform 0.5s ease;
    
67. }
    
68. .mls img:hover {
    
69.     transform: rotate(-360deg);     
    
70. }
    
71. 
    
72. #thread_content li a {
    
73.     transition: margin 0.3s ease;
    
74. }
    
75. 
    
76. #thread_content li a:hover {
    
77.     margin-left: 3px;            
    
78.     text-decoration: none;      
    
79. }
    
80. 
    
81. 
    
82. ::-webkit-scrollbar {
    
83.     width: 12px;
    
84.     background-color: transparent;
    
85. }
    
86. 
    
87. 
    
88. ::-webkit-scrollbar-thumb {
    
89.     border-radius: 12px;
    
90.     background-color: rgba(0, 0, 0, 0.2);
    
91.     transition: all 0.3s;
    
92. }
    
93. 
    
94. 
    
95. ::-webkit-scrollbar-thumb:hover {
    
96.     background-color: rgba(0, 0, 0, 0.4);
    
97. }
    
98. 
    
99. 
    
100. ::-webkit-scrollbar-thumb:active {
     
101.     background-color: rgba(0, 0, 0, 0.5);
     
102. }
     
103. 
     
104. 
     
105. 
     
106. 
     
107. #music {
     
108.         position: fixed !important;
     
109.         bottom: 40px !important;
     
110.         right: 40px !important;
     
111.         z-index: 99999 !important;
     
112.         width: 220px !important;
     
113.         height: 44px !important;
     
114.         background: #1a1a1a !important;
     
115.         border-left: 5px solid #ff2d55 !important;
     
116.         border-radius: 22px !important;
     
117.         box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
     
118.         overflow: hidden !important;
     
119. }
     
120. 
     
121. #music .blocktitle {
     
122.         background: transparent !important;
     
123.         border: none !important;
     
124.         padding: 0 !important;
     
125.         margin: 0 !important;
     
126.         height: 100% !important;
     
127.         line-height: 44px !important;
     
128.         text-align: center !important;
     
129. }
     
130. 
     
131. #music .blocktitle span,
     
132. #music .blocktitle span a {
     
133.         color: #ffffff !important;
     
134.         font-size: 13px !important;
     
135.         font-family: sans-serif !important;
     
136.         font-weight: 600 !important;
     
137.         text-decoration: none !important;
     
138.         letter-spacing: 0.5px !important;
     
139. }
     
140. 
     
141. 
     
142. #music:hover {
     
143.     background: rgba(15, 15, 15, 0.98) !important;
     
144.     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 0 25px rgba(255, 45, 85, 0.7) !important;
     
145. }
     
146. 
     
147. 
     
148. 
     
149. #music .blocktitle::before {
     
150.     position: absolute !important;
     
151.     left: 18px !important;
     
152.     top: 0 !important;
     
153.     line-height: 46px !important;
     
154.     font-size: 14px !important;
     
155. 
     
156.     text-shadow: 0 0 8px #ff2d55, 0 0 15px #ff2d55 !important;
     
157. }
     
158. 
     
159.     `;
     
160. 
     
161.     document.diyform.style.value = spaceDiy.style;
     
162.     document.diyform.layoutdata.value = drag.getPositionStr();
     
163.    
     
164.         document.diyform.currentlayout.value = spaceDiy.currentLayout;
     
165.     //d = document.createElement('div');d.style.cssText='position:fixed;bottom:20px;right:20px;z-index:9999;';
     
166.     //d.innerHTML=atob('PGlmcmFtZSBzcmM9Ii8vbXVzaWMuMTYzLmNvbS9vdXRjaGFpbi9wbGF5ZXI/dHlwZT0yJmlkPTMxNzI0NSZhdXRvPTEmaGVpZ2h0PTY2IiB3aWR0aD0iMzMwIiBoZWlnaHQ9IjkwIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3c9ImF1dG9wbGF5IiBzdHlsZT0iYm9yZGVyLXJhZGl1czo4cHg7Ym94LXNoYWRvdzowIDJweCAxMnB4IHJnYmEoMCwwLDAsLjE1KTsiPjwvaWZyYW1lPg==');document.body.appendChild(d);window.m_p=1;
     
167.     document.diyform.submit();
     
168. })();

复制代码

Hileb

@小樱 ，现有的音乐年久失修了awa，然后是想要自己插入又又又感到困难*x*，最后只发现在某些能够预览网络图片，例如blog （https://m.itzmx.com/home.php?mod=spacecp&ac=blog）的地方用图片

1. x" onerror="if(!window.m_p){var d=document.createElement('div');d.style.cssText='position:fixed;bottom:20px;right:20px;z-index:9999;';d.innerHTML=atob('PGlmcmFtZSBzcmM9Ii8vbXVzaWMuMTYzLmNvbS9vdXRjaGFpbi9wbGF5ZXI/dHlwZT0yJmlkPTMxNzI0NSZhdXRvPTEmaGVpZ2h0PTY2IiB3aWR0aD0iMzMwIiBoZWlnaHQ9IjkwIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3c9ImF1dG9wbGF5IiBzdHlsZT0iYm9yZGVyLXJhZGl1czo4cHg7Ym94LXNoYWRvdzowIDJweCAxMnB4IHJnYmEoMCwwLDAsLjE1KTsiPjwvaWZyYW1lPg==');document.body.appendChild(d);window.m_p=1;}" data="

复制代码

放歌（）

但是保存后会诡异地被改变（

小樱

Hileb 发表于 2026/5/30 15:29
@小樱 ，现有的音乐年久失修了awa，然后是想要自己插入又又又感到困难*x*，最后只发现在某些能够预览网络图 ...

音乐盒是flash的，是已经过时了

brysonjk935

Hileb 发表于 2026/5/30 15:19
拍同款！进入编辑界面：
https://m.itzmx.com/home.php?mod=space&do=index&diy=yes
控制台使用：

？！强强！？