全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
楼主: Archeb

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

  [复制链接]
发表于 2020-3-25 15:11:24 | 显示全部楼层
本帖最后由 七夏浅笑 于 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. }

  12. body {
  13.         background-image: url(https://ae01.alicdn.com/kf/U8ec4ce63894342dc88f9a3bb889d1b58Z.jpg)!important;
  14.         background-size: cover;
  15.         background-attachment: fixed;
  16.         background-position: center;
  17. }

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

  21. #hd {
  22.         visibility: hidden;
  23. }

  24. #ct {
  25.         opacity: 0.9;
  26.         border-radius: 7px;
  27.         box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.12),0px 0px 20px 6px rgba(0,0,0,0.12);
  28. }


  29. #ft {
  30.         visibility: hidden;
  31. }




  32. #pprl a {
  33.         font-size: 26px
  34. }

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

  44. div#frame1_left {
  45.         overflow: visible;
  46. }

  47. .hm .mbn a {
  48.         visibility: hidden;
  49. }

  50. #profile .blocktitle span {
  51.         display: none;
  52. }

  53. #scrolltop {
  54.         display: none!important;
  55. }

  56. #toptb {
  57.         display: none!important;
  58. }

  59. .ct2 .sd {
  60.         overflow: visible;
  61. }

  62. .xs2 {
  63.         visibility: hidden;
  64. }

  65. ::-webkit-scrollbar {
  66.     background-color: #fec9c9;
  67.     width: 10px;
  68.     height: 10px;
  69.     background-clip: padding-box;
  70. }

  71. ::-webkit-scrollbar-button {
  72.     display: none
  73. }

  74. ::-webkit-scrollbar-thumb {
  75.     background-color: #fe4365;
  76.     border-radius: 5px;
  77.     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)
  78. }

  79. ::-webkit-scrollbar-corner {
  80.     background-color: #fe4365
  81. }
复制代码
发表于 2020-3-25 15:18:56 | 显示全部楼层
为啥一股二次元风
发表于 2020-3-25 15:43:27 | 显示全部楼层
终于可以了
 楼主| 发表于 2020-3-25 15:47:42 | 显示全部楼层
七夏浅笑 发表于 2020-3-25 15:11
成功了,好棒诶,第一次在论坛上折腾这么久

这个可以有(赞赏
我也来改一下scrollbar
 楼主| 发表于 2020-3-25 15:58:45 | 显示全部楼层
七夏浅笑 发表于 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. .gol{
  26.     display:none;
  27. }
复制代码
发表于 2020-3-25 17:36:35 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
发表于 2020-3-25 17:46:26 | 显示全部楼层
很多年前 我也经常折腾自己的论坛空间。。。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2024-3-29 14:37 , Processed in 0.059887 second(s), 5 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表