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

edgeNAT

很6

七夏浅笑

成功了，好棒诶，第一次在论坛上折腾这么久



顺便发下我的 css 吧

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://ae01.alicdn.com/kf/U8ec4ce63894342dc88f9a3bb889d1b58Z.jpg)!important;
    
15.         background-size: cover;
    
16.         background-attachment: fixed;
    
17.         background-position: center;
    
18. }
    
19. 
    
20. #ct, .n, .w {
    
21.     background: #FFF url(https://ae01.alicdn.com/kf/U65726785d892408398eb18e7c1f0e6d6N.png) repeat-x 0 0 !important;
    
22. }
    
23. 
    
24. #hd {
    
25.         visibility: hidden;
    
26. }
    
27. 
    
28. #ct {
    
29.         opacity: 0.9;
    
30.         border-radius: 7px;
    
31.         box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.12),0px 0px 20px 6px rgba(0,0,0,0.12);
    
32. }
    
33. 
    
34. 
    
35. #ft {
    
36.         visibility: hidden;
    
37. }
    
38. 
    
39. 
    
40. 
    
41. 
    
42. #pprl a {
    
43.         font-size: 26px
    
44. }
    
45. 
    
46. .hm img {
    
47.         border-radius: 50%;
    
48.         margin-top: -110px;
    
49.         box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.12);
    
50.         padding: 2px;
    
51.         background: #FFF;
    
52.         border: 1px solid;
    
53.         border-color: #F2F2F2 #CDCDCD #CDCDCD #F2F2F2;
    
54. }
    
55. 
    
56. div#frame1_left {
    
57.         overflow: visible;
    
58. }
    
59. 
    
60. .hm .mbn a {
    
61.         visibility: hidden;
    
62. }
    
63. 
    
64. #profile .blocktitle span {
    
65.         display: none;
    
66. }
    
67. 
    
68. #scrolltop {
    
69.         display: none!important;
    
70. }
    
71. 
    
72. #toptb {
    
73.         display: none!important;
    
74. }
    
75. 
    
76. .ct2 .sd {
    
77.         overflow: visible;
    
78. }
    
79. 
    
80. .xs2 {
    
81.         visibility: hidden;
    
82. }
    
83. 
    
84. ::-webkit-scrollbar {
    
85.     background-color: #fec9c9;
    
86.     width: 10px;
    
87.     height: 10px;
    
88.     background-clip: padding-box;
    
89. }
    
90. 
    
91. ::-webkit-scrollbar-button {
    
92.     display: none
    
93. }
    
94. 
    
95. ::-webkit-scrollbar-thumb {
    
96.     background-color: #fe4365;
    
97.     border-radius: 5px;
    
98.     background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)
    
99. }
    
100. 
     
101. ::-webkit-scrollbar-corner {
     
102.     background-color: #fe4365
     
103. }

复制代码

uricc

为啥一股二次元风

不要搞我啊

终于可以了

Archeb

七夏浅笑 发表于 2020-3-25 15:11
成功了，好棒诶，第一次在论坛上折腾这么久

这个可以有（赞赏
我也来改一下scrollbar

Archeb

七夏浅笑 发表于 2020-3-25 15:11
成功了，好棒诶，第一次在论坛上折腾这么久

提供一个完美的透明滚动条方案

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. }

复制代码

Archeb

DYD

么得搞头

很多年前 我也经常折腾自己的论坛空间。。。