全球主机交流论坛

标题: 【个人空间DIY】大伙来看看我空间好看不 [打印本页]
作者: Archeb    时间: 2020-3-24 14:26
标题: 【个人空间DIY】大伙来看看我空间好看不
本帖最后由 Archeb 于 2020-3-30 09:54 编辑

点击我的头像可查看 PC版效果最佳

感谢原来 https://www.lilynana.eu.org/thread-663279-1-1.html @高板惠乃果  的思路，我把它做成了只需要js网页运行的

说明：使用的是discuz自带的接口，一切安全的，所有支持个人空间自定义的discuz论坛都可用

以下代码，
①打开pastebin，Ctrl+A全选RAW Paste Data，复制
②在一个有回复评论框的帖子，F12 - Console - 粘贴 - 回车执行
③然后他会弹出一个框，你再把css输入进那个框里面
④确定，然后到自己空间看效果

https://pastebin.com/YEqpfbbt

配合伪元素和SVG，能做出非常非常非常多有趣的效果

如果你不会用，一键版 →→→ https://www.lilynana.eu.org/thread-665260-1-1.html

不过需要具备前端知识

下面这个是我的CSS


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

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

  21. #ct {
  22.         opacity: 0.8;
  23. }

  25. #hd {
  26.         visibility: hidden;
  27. }

  29. #ct:hover {
  30.         opacity: 0.95;
  31. }

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

  40. #ft {
  41.         visibility: hidden;
  42. }

  44. #pprl li {
  45.         padding: 3px 0 3px 0!important;
  46. }

  48. #pprl {
  49.         height: 120px;
  50. padding-bottom:0!important;
  51. }
  52. .block .dxb_bc{
  53. padding-bottom:0!important;
  54. }

  56. #pprl em {
  57.         display: none;
  58. }

  60. #pprl a {
  61.         font-size: 26px
  62. }

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

  74. div#frame1_left {
  75.         overflow: visible;
  76. }

  78. .hm .mbn a {
  79.         visibility: hidden;
  80. }

  82. #profile .blocktitle span {
  83.         display: none;
  84. }

  86. #scrolltop {
  87.         display: none!important;
  88. }

  90. #toptb {
  91.         display: none!important;
  92. }

  94. .ct2 .sd {
  95.         overflow: visible;
  96. }

  98. .xs2 {
  99.         visibility: hidden;
  100. }

  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://qwq.moe/img/mjj.svg);
  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. }

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

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

  182. #thread_content .xl {
  183.     display: flex;
  184.     flex-wrap: wrap;
  185. }
  186. #friend_content .ml {
  187.     display: flex;
  188.     justify-content: center;
  189. }

  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. }
复制代码


如何修改回去：再提交一次空白的
作者: riwsh    时间: 2020-3-24 14:28
马克
作者: vagaa    时间: 2020-3-24 14:30
本帖最后由 vagaa 于 2020-3-24 14:34 编辑

强！！！我弄一下
不会放弃
作者: Function    时间: 2020-3-24 14:31
哇塞，我要试试哎
作者: h20    时间: 2020-3-24 14:35
提示: 作者被禁止或删除 内容自动屏蔽
作者: Archeb    时间: 2020-3-24 14:36
h20 发表于 2020-3-24 14:35
这是哪个番的背景图？

动态背景API，我也不知道你看到了哪张
iqdb.org 可以搜
作者: h20    时间: 2020-3-24 14:37
提示: 作者被禁止或删除 内容自动屏蔽
作者: Archeb    时间: 2020-3-24 14:39
h20 发表于 2020-3-24 14:37
这个思路不错，我也搞一个


敲碗等抄
作者: h20    时间: 2020-3-24 14:39
提示: 作者被禁止或删除 内容自动屏蔽
作者: bob1987    时间: 2020-3-24 14:40
提示: 作者被禁止或删除 内容自动屏蔽
作者: nico    时间: 2020-3-24 14:40
提示: 作者被禁止或删除 内容自动屏蔽
作者: yanyuo    时间: 2020-3-24 14:53
本帖最后由 yanyuo 于 2020-3-24 15:00 编辑

卧槽，，强强，赶紧试试


---不会。放弃
作者: laogui    时间: 2020-3-24 15:02
萝莉控？
作者: 肤白貌美天然呆    时间: 2020-3-24 15:03
给我也整一个.jpg
作者: chaigufan0    时间: 2020-3-24 15:05

哇塞，厉害厉害 zsbd
作者: wangjianjilei    时间: 2020-3-24 15:07
本帖最后由 wangjianjilei 于 2020-3-24 15:13 编辑

懂了
作者: 所長    时间: 2020-3-24 15:12
我也要搞233
  --< 我哪知道啊，紫薯布丁 >--
作者: dazeng    时间: 2020-3-24 15:16
还是喜欢向我的空间这样朴实无华的，呵呵~~
作者: 所長    时间: 2020-3-24 15:17
所長 发表于 2020-3-24 15:12
我也要搞233
  --< 我哪知道啊，紫薯布丁 >--

不会 放弃
作者: Archeb    时间: 2020-3-24 15:18
感谢 @高板惠乃果 的思路
CSS不断更新中
作者: abc1763613206    时间: 2020-3-24 15:36
战略性马克（
作者: 夕日    时间: 2020-3-24 15:37
还是我的空间最强
作者: Archeb    时间: 2020-3-24 15:40
夕日 发表于 2020-3-24 15:37
还是我的空间最强

草
作者: 好东东    时间: 2020-3-24 15:41
夕日 发表于 2020-3-24 15:37
还是我的空间最强

我顶你个肺嗷 一进去就是一路走好
作者: 不要搞我啊    时间: 2020-3-24 15:46
夕日 发表于 2020-3-24 15:37
还是我的空间最强

你的空间有毒
作者: weixiangnan    时间: 2020-3-24 15:54
vagaa 发表于 2020-3-24 14:30
强！！！我弄一下
不会放弃

vagaa忠实用户啊
作者: abc1763613206    时间: 2020-3-24 15:56
作者: Init    时间: 2020-3-24 15:57
绑定大佬....太强了
作者: Archeb    时间: 2020-3-24 15:58
abc1763613206 发表于 2020-3-24 15:56

不能含有 @、分号、引号
作者: dazeng    时间: 2020-3-24 16:04
夕日 发表于 2020-3-24 15:37
还是我的空间最强

日哦~~
作者: yinux    时间: 2020-3-24 16:04
这个背景API挺好看的夜
作者: skhtcxlo    时间: 2020-3-24 16:10
提示: 作者被禁止或删除 内容自动屏蔽
作者: tssz    时间: 2020-3-24 16:18
我就加了个美女背景图片。
作者: TvT    时间: 2020-3-24 16:19
秀呀大佬



紫薯布丁:
  不忘初心，努力前行

作者: TIMI    时间: 2020-3-24 16:28
提示: 作者被禁止或删除 内容自动屏蔽
作者: Ruclinux    时间: 2020-3-24 16:32
不懂保存，本地有效果
作者: 流星    时间: 2020-3-24 16:48
很赞，欢迎光临我的空间
作者: 我日人    时间: 2020-3-24 17:14
提示: 作者被禁止或删除 内容自动屏蔽
作者: Archeb    时间: 2020-3-24 17:33
本帖最后由 Archeb 于 2020-3-24 17:37 编辑

作者: Archeb    时间: 2020-3-24 19:56
自己顶一下
作者: 行尸走肉    时间: 2020-3-24 20:54
果断收藏
作者: robot    时间: 2020-3-24 20:55
我div完了，以后别人就看不到我的主题和回复了
作者: Archeb    时间: 2020-3-24 21:16
robot 发表于 2020-3-24 20:55
我div完了，以后别人就看不到我的主题和回复了

只需要一个F12 就....
作者: flyqie    时间: 2020-3-24 21:36
本帖最后由 flyqie 于 2020-3-24 21:56 编辑

感谢楼主，这是我的修改过的CSS~
  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. }

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

  20. #ct {
  21.         opacity: .8
  22. }

  24. #hd {
  25.         visibility: hidden
  26. }

  28. #ct:hover {
  29.         opacity: .9
  30. }

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

  39. #ft {
  40.         visibility: hidden
  41. }

  43. #pprl li {
  44.         padding: 3px 0 3px 0!important
  45. }

  47. #pprl {
  48.         height: 400px
  49. }

  51. #pprl em {
  52.         display: none
  53. }

  55. #pprl a {
  56.         font-size: 26px
  57. }

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

  69. div#frame1_left {
  70.         overflow: visible
  71. }

  73. .hm .mbn a {
  74.         visibility: hidden
  75. }

  77. #profile .blocktitle span {
  78.         display: none
  79. }

  81. #scrolltop {
  82.         display: none!important
  83. }

  85. #toptb {
  86.         display: none!important
  87. }

  89. .ct2 .sd {
  90.         overflow: visible
  91. }

  93. .xs2 {
  94.         visibility: hidden
  95. }

  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://pic.imgdb.cn/item/5e7a0c1c9dbe9d88c50bd808.png)
  104. }

  106. #thread {
  107.         display: none
  108. }

  110. #pprl li {
  111.         display: none
  112. }
复制代码
作者: great999    时间: 2020-3-24 22:24
emmm，报错：Uncaught SyntaxError: Unexpected token '{'
作者: 秋上书    时间: 2020-3-24 22:26
手残 看你们搞就好了
作者: hostloccom    时间: 2020-3-24 23:51
谢谢大佬，随便弄了一下
作者: 嗷嗷    时间: 2020-3-24 23:58
厉害了
作者: hnless    时间: 2020-3-25 00:11
弄了一下，感觉良好，多谢大佬
作者: 雪丫鬟    时间: 2020-3-25 00:17
nico 发表于 2020-3-24 14:40
很强，我低仿了一个宝塔页面

神仙大佬，能分享你的css代码吗
作者: yonlee    时间: 2020-3-25 00:30
效果真棒！
作者: zhoumo310    时间: 2020-3-25 00:37
你的空间不怎么好看，不过你的头像牛逼
作者: 雪丫鬟    时间: 2020-3-25 00:42
Archeb 发表于 2020-3-24 15:58
不能含有 @、分号、引号

请问大佬。如果才能让空间空白，什么都不显示。
作者: zhoumo310    时间: 2020-3-25 00:45
body:before {
        content: close-quote;
        width: 551px;
        right: 10px;
        top: 30px;
        position: fixed;
        background: center,url();
        background-size: cover;
        background-position: center;
        height: 200px;
}

body {
        background-image: url(https://api.ixiaowai.cn/api/api.php)!important;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
}

#ct {
        opacity: 0.8;
}

#hd {
        visibility: hidden;
}

#ct:hover {
        opacity: 0.9;
}

#ct {
        opacity: 0.7;
        transition: opacity 0.5s;
        border-radius: 7px;
        box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.12),0px 0px 20px 6px rgba(0,0,0,0.12);
}

#ft {
        visibility: hidden;
}

#pprl li {
        padding: 3px 0 3px 0!important;
}

#pprl {
        height: 400px;
}

#pprl em {
        display: none;
}

#pprl a {
        font-size: 26px
}

.hm img {
        border-radius: 50%;
        margin-top: -110px;
        box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.12);
        padding: 2px;
        background: #FFF;
        border: 1px solid;
        border-color: #F2F2F2 #CDCDCD #CDCDCD #F2F2F2;
}

div#frame1_left {
        overflow: visible;
}

.hm .mbn a {
        visibility: hidden;
}

#profile .blocktitle span {
        display: none;
}

#scrolltop {
        display: none!important;
}

#toptb {
        display: none!important;
}

.ct2 .sd {
        overflow: visible;
}

.xs2 {
        visibility: hidden;
}

#pprl:before {
        content: close-quote;
        width: 235px;
        height: 70px;
        display: block;
        margin-left: -10px;
        background-image: url(https://qwq.moe/img/mjj.svg);
}

#pprl li:nth-child(2) {
        color: red;
        font-size: 24px;
}

#pprl li:nth-child(1) {
        display: none
}
作者: skhtcxlo    时间: 2020-3-25 01:07
提示: 作者被禁止或删除 内容自动屏蔽
作者: 雪丫鬟    时间: 2020-3-25 01:22
robot 发表于 2020-3-24 20:55
我div完了，以后别人就看不到我的主题和回复了

求分享css代码
作者: robot    时间: 2020-3-25 08:20
雪丫鬟 发表于 2020-3-25 01:22
求分享css代码

body {background-attachment:scroll !important;}body {background-image:url(https://random.52ecy.cn/randbg.php)}div{display:none;}
作者: 雪丫鬟    时间: 2020-3-25 11:11
robot 发表于 2020-3-25 08:20
body {background-attachment:scroll !important;}body {background-image:url(https://random.52ecy.cn/ ...

好短的代码……感谢大佬
作者: laoxong    时间: 2020-3-25 11:23
h20 发表于 2020-3-24 14:35
这是哪个番的背景图？


点兔吧
动态的，草
作者: UOvZ    时间: 2020-3-25 11:26
123
作者: h20    时间: 2020-3-25 11:29
提示: 作者被禁止或删除 内容自动屏蔽
作者: 雪丫鬟    时间: 2020-3-25 11:31
robot 发表于 2020-3-25 08:20
body {background-attachment:scroll !important;}body {background-image:url(https://random.52ecy.cn/ ...

貌似想再取消，改不回去了……
作者: laoxong    时间: 2020-3-25 11:32



告辞
作者: laoxong    时间: 2020-3-25 11:33
h20 发表于 2020-3-25 11:29
你头像又是哪个番的？

绊恋
作者: h20    时间: 2020-3-25 11:35
提示: 作者被禁止或删除 内容自动屏蔽
作者: laoxong    时间: 2020-3-25 11:36
h20 发表于 2020-3-25 11:35
原来是galgame大佬


话说我咋搞不来这个东西，你搞好没
作者: canxunhulian    时间: 2020-3-25 11:37
6666666666666666666666
作者: robot    时间: 2020-3-25 11:40
雪丫鬟 发表于 2020-3-25 11:31
貌似想再取消，改不回去了……

能改回去。
再运行一次代码，输入# 回车。

后面自己在空间里恢复成默认

你再看我的，已经回去了
作者: h20    时间: 2020-3-25 11:40
提示: 作者被禁止或删除 内容自动屏蔽
作者: 雪丫鬟    时间: 2020-3-25 11:43
robot 发表于 2020-3-25 11:40
能改回去。
再运行一次代码，输入# 回车。

大佬就是不一样
作者: Archeb    时间: 2020-3-25 12:12
laoxong 发表于 2020-3-25 11:32
告辞

我确认了一下，我丢到pastebin的代码是没问题的
可能你复制没复制全，Ctrl+A全选RAW Paste Data里的代码，然后直接复制到console回车
作者: FreeDog    时间: 2020-3-25 12:14
整一个给我.jpg
作者: dxdeng    时间: 2020-3-25 12:16
好**啊！
作者: 东西的冬    时间: 2020-3-25 12:34
本帖最后由 东西的冬 于 2020-3-25 12:36 编辑

感谢楼主
作者: injy    时间: 2020-3-25 12:35
本帖最后由 injy 于 2020-3-25 12:37 编辑

啥
作者: injy    时间: 2020-3-25 12:41
injy 发表于 2020-3-25 12:35
啥

不明觉了厉。。。
作者: chr    时间: 2020-3-25 12:51
大佬，厉害了
作者: laoxong    时间: 2020-3-25 12:54
Archeb 发表于 2020-3-25 12:12
我确认了一下，我丢到pastebin的代码是没问题的
可能你复制没复制全，Ctrl+A全选RAW Paste Data里的代码 ...

https://pastebin.com/SCZFHrA5
不行
作者: Archeb    时间: 2020-3-25 13:00
laoxong 发表于 2020-3-25 12:54
https://pastebin.com/SCZFHrA5
不行

草...不是让你用我的css替换“请输入你需要的CSS”这段字
是让你直接复制代码执行，然后他会弹出一个框，你再把css输入进那个框里面
作者: laoxong    时间: 2020-3-25 13:06
Archeb 发表于 2020-3-25 13:00
草...不是让你用我的css替换“请输入你需要的CSS”这段字
是让你直接复制代码执行，然后他会弹出一个框， ...

草
作者: edgeNAT    时间: 2020-3-25 13:11
很6
作者: 七夏浅笑    时间: 2020-3-25 15:11
本帖最后由 七夏浅笑 于 2020-3-25 15:12 编辑

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



顺便发下我的 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. }

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

  20. #ct, .n, .w {
  21.     background: #FFF url(https://ae01.alicdn.com/kf/U65726785d892408398eb18e7c1f0e6d6N.png) repeat-x 0 0 !important;
  22. }

  24. #hd {
  25.         visibility: hidden;
  26. }

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


  35. #ft {
  36.         visibility: hidden;
  37. }




  42. #pprl a {
  43.         font-size: 26px
  44. }

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

  56. div#frame1_left {
  57.         overflow: visible;
  58. }

  60. .hm .mbn a {
  61.         visibility: hidden;
  62. }

  64. #profile .blocktitle span {
  65.         display: none;
  66. }

  68. #scrolltop {
  69.         display: none!important;
  70. }

  72. #toptb {
  73.         display: none!important;
  74. }

  76. .ct2 .sd {
  77.         overflow: visible;
  78. }

  80. .xs2 {
  81.         visibility: hidden;
  82. }

  84. ::-webkit-scrollbar {
  85.     background-color: #fec9c9;
  86.     width: 10px;
  87.     height: 10px;
  88.     background-clip: padding-box;
  89. }

  91. ::-webkit-scrollbar-button {
  92.     display: none
  93. }

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

  101. ::-webkit-scrollbar-corner {
  102.     background-color: #fe4365
  103. }
复制代码
作者: uricc    时间: 2020-3-25 15:18
为啥一股二次元风
作者: ilucky4    时间: 2020-3-25 15:20
提示: 作者被禁止或删除 内容自动屏蔽
作者: 不要搞我啊    时间: 2020-3-25 15:43
终于可以了
作者: Archeb    时间: 2020-3-25 15:47
七夏浅笑 发表于 2020-3-25 15:11
成功了，好棒诶，第一次在论坛上折腾这么久

这个可以有（赞赏
我也来改一下scrollbar
作者: Archeb    时间: 2020-3-25 15:58
七夏浅笑 发表于 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. }

  26. .gol{
  27.     display:none;
  28. }
复制代码
作者: Archeb    时间: 2020-3-25 16:31
DYD
作者: skhtcxlo    时间: 2020-3-25 17:36
提示: 作者被禁止或删除 内容自动屏蔽
作者: 么得搞头    时间: 2020-3-25 17:46
很多年前 我也经常折腾自己的论坛空间。。。
作者: huhu    时间: 2020-3-25 21:52
在别的论坛试了一下 只是排版变了 别的没生效 bbs.kafan.cn
作者: 风影OvO    时间: 2020-3-26 09:41
dazeng 发表于 2020-3-24 15:16
还是喜欢向我的空间这样朴实无华的，呵呵~~

大佬看看我的  更朴实无华
作者: OPlin    时间: 2020-3-26 09:42
好东西,我也拿来改改
作者: 纳米科技    时间: 2020-3-26 09:43
这就是大佬吗  i了i了
作者: OPlin    时间: 2020-3-26 09:55
支持大佬
作者: XianD    时间: 2020-3-26 09:58
康康我的鸭~
作者: 她掏出我想掏的    时间: 2020-3-26 10:11
可以可以  真的很漂亮  适合女孩子
作者: Wandering...    时间: 2020-3-26 10:50
拿走了
作者: hostlocs    时间: 2020-3-26 15:37
谢谢大佬分享~
作者: Archeb    时间: 2020-3-26 19:11
huhu 发表于 2020-3-25 21:52
在别的论坛试了一下 只是排版变了 别的没生效 bbs.kafan.cn

卡饭我也试了下，确实不行，过滤了



欢迎光临 全球主机交流论坛 (https://lilynana.eu.org/) Powered by Discuz! X3.4