【转】整点不一样的个人空间自定义

freeguy

具体效果点我
与直接在个人空间DIY不同，这个是利用discuz自带接口实现的，不过也照样安全。前置条件：电脑浏览器
方法
①打开pastebin，Ctrl+A全选RAW Paste Data，复制
②在一个有回复评论框的帖子，F12 - Console - 粘贴 - 回车执行
③然后他会弹出一个框，你再把css输入进那个框里面，第二段、第三段代码是一个CSS样式的例子
④确定，然后到自己空间看效果（尝试该方法的一定要把贴子看完）
如果你不会用，一键版 →→→ https://www.hostloc.com/thread-665260-1-1.html
第一段代码
https://pastebin.com/YEqpfbbt
第二段代码（空间风格1）

1. 
   
2. body:before {
   
3.         content: close-quote;
   
4.         width: 551px;
   
5.         right: 10px;
   
6.         top: 30px;
   
7.         position: fixed;
   
8.         background: center,url();
   
9.         background-size: cover;
   
10.         background-position: center;
    
11.         height: 200px;
    
12. }
    
13. 
    
14. body {
    
15.         background-image: url(https://api.ixiaowai.cn/api/api.php)!important;
    
16.         background-size: cover;
    
17.         background-attachment: fixed;
    
18.         background-position: center;
    
19. }
    
20. 
    
21. #ct {
    
22.         opacity: 0.8;
    
23. }
    
24. 
    
25. #hd {
    
26.         visibility: hidden;
    
27. }
    
28. 
    
29. #ct:hover {
    
30.         opacity: 0.95;
    
31. }
    
32. 
    
33. #ct {
    
34.         opacity: 0.85;
    
35.         transition: opacity 0.5s;
    
36.         border-radius: 7px;
    
37.         box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.12),0px 0px 20px 6px rgba(0,0,0,0.12);
    
38. }
    
39. 
    
40. #ft {
    
41.         visibility: hidden;
    
42. }
    
43. 
    
44. #pprl li {
    
45.         padding: 3px 0 3px 0!important;
    
46. }
    
47. 
    
48. #pprl {
    
49.         height: 120px;
    
50. padding-bottom:0!important;
    
51. }
    
52. .block .dxb_bc{
    
53. padding-bottom:0!important;
    
54. }
    
55. 
    
56. #pprl em {
    
57.         display: none;
    
58. }
    
59. 
    
60. #pprl a {
    
61.         font-size: 26px
    
62. }
    
63. 
    
64. .hm img {
    
65.         border-radius: 50%;
    
66.         margin-top: -110px;
    
67.         box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.12);
    
68.         padding: 2px;
    
69.         background: #FFF;
    
70.         border: 1px solid;
    
71.         border-color: #F2F2F2 #CDCDCD #CDCDCD #F2F2F2;
    
72. }
    
73. 
    
74. div#frame1_left {
    
75.         overflow: visible;
    
76. }
    
77. 
    
78. .hm .mbn a {
    
79.         visibility: hidden;
    
80. }
    
81. 
    
82. #profile .blocktitle span {
    
83.         display: none;
    
84. }
    
85. 
    
86. #scrolltop {
    
87.         display: none!important;
    
88. }
    
89. 
    
90. #toptb {
    
91.         display: none!important;
    
92. }
    
93. 
    
94. .ct2 .sd {
    
95.         overflow: visible;
    
96. }
    
97. 
    
98. .xs2 {
    
99.         visibility: hidden;
    
100. }
     
101. 
     
102. #pprl:before {
     
103.         content: close-quote;
     
104.         width: 235px;
     
105.         height: 70px;
     
106.         display: block;
     
107.         margin-left: -10px;
     
108.         background-image: url(https://sample.org/sample/png);
     
109. }
     
110. .ul_list {
     
111.     display: none;
     
112. }
     
113. #pprl li:nth-child(1) {
     
114.     width: 210px;
     
115.     color: #333;
     
116.     text-align: center;
     
117.     margin-top: -105px;
     
118.     font-size:24px;
     
119.     text-shadow: 1px 1px 20px rgba(33,33,33,0.3), 1px 1px 5px rgba(33,33,33,0.1);
     
120. }
     
121. #pprl li:nth-child(3){
     
122. margin-top:55px;
     
123. }
     
124. 
     
125. #pprl li:nth-child(2) {
     
126.         display: none
     
127. }
     
128. html{
     
129.     overflow: hidden;
     
130. }
     
131. body{
     
132.     overflow: scroll;
     
133.     height: 100vh;
     
134.     overflow-x:hidden;
     
135. }
     
136. ::-webkit-scrollbar {
     
137.   width: 12px;
     
138.   background-color: transparent;
     
139. }
     
140. ::-webkit-scrollbar-thumb {
     
141.   border-radius:12px;
     
142.   background-color: rgba(0, 0, 0, 0.2);
     
143.   width
     
144.   transition: all 0.3s;
     
145. }
     
146. ::-webkit-scrollbar-thumb:hover {
     
147.   background-color: rgba(0, 0, 0, 0.4);
     
148. }
     
149. ::-webkit-scrollbar-thumb:active {
     
150.   background-color: rgba(0, 0, 0, 0.5);
     
151. }
     
152. 
     
153. .gol{
     
154.     display:none;
     
155. }
     
156. #thread_content li a{
     
157.     transition:margin 0.3s;
     
158. }
     
159. #thread_content li a:hover {
     
160.     margin-left: 3px;
     
161.     text-decoration: none;
     
162. }
     
163. .mls img{
     
164. border-radius:50%;
     
165. }
     
166. .hm img{
     
167.     transition:transform 0.5s;
     
168. }
     
169. .hm img:hover{
     
170.     transform:rotate(360deg);
     
171. }
     
172. .mls img{
     
173.     transition:transform 0.5s;
     
174. }
     
175. .mls img:hover{
     
176.     transform:rotate(-360deg);
     
177. }
     
178. #thread_content .xl li {
     
179.     width: 50%;
     
180. }
     
181. 
     
182. #thread_content .xl {
     
183.     display: flex;
     
184.     flex-wrap: wrap;
     
185. }
     
186. #friend_content .ml {
     
187.     display: flex;
     
188.     justify-content: center;
     
189. }
     
190. 
     
191. #friend_content {
     
192.     padding: 0;
     
193. }
     
194. #personalinfo_content p{
     
195. display:none;
     
196. }
     
197. #thread_content .xl{
     
198.     display:flex;
     
199.     flex-wrap:wrap;
     
200. }
     
201. #thread_content .xl li{
     
202.     width:50%;
     
203. }

复制代码

第三段代码（空间风格2）

1. body:before {
   
2.         content: close-quote;
   
3.         width: 551px;
   
4.         right: 10px;
   
5.         top: 30px;
   
6.         position: fixed;
   
7.         background-size: cover;
   
8.         background-position: center;
   
9.         height: 200px
   
10. }
    
11. 
    
12. body {
    
13.         background-image: url(https://api.ixiaowai.cn/api/api.php)!important;
    
14.         background-color: #d5fbfe;
    
15.         background-size: cover;
    
16.         background-attachment: fixed;
    
17.         background-position: center
    
18. }
    
19. 
    
20. #ct {
    
21.         opacity: .8
    
22. }
    
23. 
    
24. #hd {
    
25.         visibility: hidden
    
26. }
    
27. 
    
28. #ct:hover {
    
29.         opacity: .9
    
30. }
    
31. 
    
32. #ct {
    
33.         opacity: .7;
    
34.         transition: opacity .5s;
    
35.         border-radius: 7px;
    
36.         box-shadow: 0 0 20px 6px rgba(0,0,0,.12),0 0 20px 6px rgba(0,0,0,.12)
    
37. }
    
38. 
    
39. #ft {
    
40.         visibility: hidden
    
41. }
    
42. 
    
43. #pprl li {
    
44.         padding: 3px 0 3px 0!important
    
45. }
    
46. 
    
47. #pprl {
    
48.         height: 400px
    
49. }
    
50. 
    
51. #pprl em {
    
52.         display: none
    
53. }
    
54. 
    
55. #pprl a {
    
56.         font-size: 26px
    
57. }
    
58. 
    
59. .hm img {
    
60.         border-radius: 50%;
    
61.         margin-top: -110px;
    
62.         box-shadow: 0 0 10px 6px rgba(0,0,0,.12);
    
63.         padding: 2px;
    
64.         background: #fff;
    
65.         border: 1px solid;
    
66.         border-color: #f2f2f2 #cdcdcd #cdcdcd #f2f2f2
    
67. }
    
68. 
    
69. div#frame1_left {
    
70.         overflow: visible
    
71. }
    
72. 
    
73. .hm .mbn a {
    
74.         visibility: hidden
    
75. }
    
76. 
    
77. #profile .blocktitle span {
    
78.         display: none
    
79. }
    
80. 
    
81. #scrolltop {
    
82.         display: none!important
    
83. }
    
84. 
    
85. #toptb {
    
86.         display: none!important
    
87. }
    
88. 
    
89. .ct2 .sd {
    
90.         overflow: visible
    
91. }
    
92. 
    
93. .xs2 {
    
94.         visibility: hidden
    
95. }
    
96. 
    
97. #pprl:before {
    
98.         content: close-quote;
    
99.         width: 235px;
    
100.         height: 35px;
     
101.         display: block;
     
102.         margin-left: -10px;
     
103.         background-image: url(https://sample.org/sample.png)
     
104. }
     
105. 
     
106. #thread {
     
107.         display: none
     
108. }
     
109. 
     
110. #pprl li {
     
111.         display: none
     
112. }

复制代码

第四段代码，网页透明滚动条（可和风格1/风格2同时使用）

1. html{
   
2.     overflow: hidden;
   
3. }
   
4. body{
   
5.     overflow: scroll;
   
6.     height: 100vh;
   
7.     overflow-x:hidden;
   
8. }
   
9. ::-webkit-scrollbar {
   
10.   width: 12px;
    
11.   background-color: transparent;
    
12. }
    
13. ::-webkit-scrollbar-thumb {
    
14.   border-radius:12px;
    
15.   background-color: rgba(0, 0, 0, 0.2);
    
16.   width
    
17.   transition: all 0.3s;
    
18. }
    
19. ::-webkit-scrollbar-thumb:hover {
    
20.   background-color: rgba(0, 0, 0, 0.4);
    
21. }
    
22. ::-webkit-scrollbar-thumb:active {
    
23.   background-color: rgba(0, 0, 0, 0.5);
    
24. }
    
25. 
    
26. .gol{
    
27.     display:none;
    
28. }

复制代码

还原
①复制第一段代码
②在一个有回复评论框的帖子，F12 - Console - 粘贴 - 回车执行
③然后他会弹出一个框，提交一次空白内容
④确定，然后到自己空间看效果。

更多说明
代码中的https://sample.org/sample.png 只是个例子，没有实际图片。
代码中的https://api.ixiaowai.cn/api/api.php是一个随机图片的api（大白话：每次访问显示一张随机图片），作用是个人空间每次访问背景不一样。关于这个，你可以自己找自己喜欢的，比如https://www.jinrishici.com/，或者看看「这个列表」
原帖链接做了一些便于理解的增加。

UTZ

谢谢，非常有用

tyj_angel

这个算是技术贴？！  感谢分享

2481546920

感谢分享

Momus諾哪

謝謝分享，如果論壇有直接開放編輯CSS，就可以直接在那編輯，現在沒有就是了

SionHD

楼主你好，请问pastebin是什么？是深夜读书会站内的吗？在哪个位置？

SionHD

感谢楼主，好像我弄好了！
但还有个疑问，就是空间背景图怎么设置？就是如果不想每次刷新随机切换背景图片的话，而是一张固定的背景图，怎么弄？

LONGDONG

非常感谢技术分享，尽管不一定用

SionHD

SionHD 发表于 2022-1-9 10:15
感谢楼主，好像我弄好了！
但还有个疑问，就是空间背景图怎么设置？就是如果不想每次刷新随机切换背景图片 ...

行了，这个也弄好了，在空间里面设置。感谢楼主！

2481546920

感谢楼主教学啊！

kasum828

謝謝，高品質技術貼

Momus諾哪

SionHD 发表于 2022-1-9 10:49
行了，这个也弄好了，在空间里面设置。感谢楼主！

真不愧是你啊