【个人空间DIY】大伙来看看我空间好看不

师太

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

复制代码

Archeb

因为discuz限制，不允许提交“@”字符，但是我还是想了个办法造了个图片轮播
https://pastebin.com/6bBQzQuR

添加了毛玻璃效果

kuk

太强了，是css大佬

aima

牛。空间都好漂亮

nnt

1. body {
   
2.     display: none
   
3. }

复制代码

Archeb

DYD 更新了

三和大神

新浪的图片防盗链怎么做的？
background-image:url 默认不发送referrer吗？

Archeb

三和大神 发表于 2020-3-28 00:29
新浪的图片防盗链怎么做的？
background-image:url 默认不发送referrer吗？

看了下，是带referer的，估计是新浪没做好

Function

漂亮，这个字还会自己跳动，牛皮了

s9901

不会操作