vps交流
当前位置：嘟嘟社区 > bbs > 正文

自定义个人空间bug版分享

2022-02-23 分类：bbs

本帖最后由 Tip 于 2022-2-23 14:42 编辑

效果
https://hostloc.com/space-uid-53947.html

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

https://pastebin.com/YEqpfbbt

把背景图片、id和头像图片替换一下

  1. html,body {
  2.         width:100%;
  3.         height:100%;
  4. }
  5. body {
  6.         display:flex;
  7.         justify-content:center;
  8.         align-items:center;
  9.         background:none!important;
  10.         background-image:url(‘https://i.suut.cn/bg.jpg’)!important;
  11.         background-repeat:no-repeat;
  12.         background-size:cover!important;
  13.         background-position:center center!important;
  14. }
  15. #toptb,#ft,#hd,.cl:after,#visitor,#friend,#personalinfo,.blocktitle,#statistic,#profile_content  div  ul,#profile_content  div  div  p  a  img,#profile_content  div  div  h2  a {
  16.         display:none!important;
  17. }
  18. #ct {
  19.         background-color:rgb(255,255,255,0)!important;
  20.         background:none!important;
  21. }
  22. #profile_content  div  div  p  a {
  23.         width:120px!important;
  24.         height:120px!important;
  25.         display:block!important;
  26.         position:relative!important;
  27. }
  28. #profile_content  div  div  p  a::after {
  29.         content:”;
  30.         width:120px!important;
  31.         height:120px!important;
  32.         position:absolute;
  33.         left:0;
  34.         top:0;
  35.         z-index:3;
  36.         background-image:url(‘https://hostloc.com/uc_server/data/avatar/000/05/39/47_avatar_big.jpg’);
  37.         background-size:100% 100%;
  38.         margin-left:45px;
  39.         border-radius:120px;
  40.     border: 2px solid #fff;
  41. }
  43. #profile_content  div  div  h2{
  44.     margin-top: 8px!important;
  45. }
  46. #thread_content  ul {
  47.         position:fixed!important;
  48.         top:0!important;
  49.         left:0!important;
  50.         z-index:1!important;
  51.         width:280px!important;
  52.         height:100vh!important;
  53.         background-color:rgb(255,255,255,0.66)!important;
  54.         padding-top:245px!important;
  55. }
  56. #frame1_left {
  57.         position:fixed!important;
  58.         top:36px!important;
  59.         left:20px!important;
  60.         z-index:2!important;
  61. }
  62. #profile_content  div  div  h2::after {
  63.         content:’Tip’;
  64.         font-size:18px!important;
  65.         cursor:pointer;
  66. }
  67. #thread_content  ul  li {
  68.         box-sizing:border-box;
  69.         width:100%;
  70.         height:45px;
  71.         line-height:45px;
  72.         padding-left:32px;
  73.         padding-right:32px;
  74.         background-color:rgb(0,0,0,0.1)!important;
  75.         margin:0!important;
  76.         margin-bottom:1px!important;
  77. }
  78. #thread_content  ul  li:hover {
  79.         background-color:rgb(0,0,0,0.66)!important;
  80.         color:#fff!important;
  81. }
  82. #thread_content  ul  li a {
  83.         box-sizing:border-box;
  84.         display:block;
  85.         width:208px;
  86.         height:45px;
  87.         line-height:45px;
  88.         white-space:nowrap;
  89.         text-overflow:ellipsis;
  90.         overflow:hidden;
  91.         word-break:break-all;
  92. }
  93. #thread_content  ul  li a:hover {
  94.         color:#fff!important;
  95. }

复制代码

方法来自
https://hostloc.com/thread-663348-1-1.html
tip
感谢整理              
这个不错，我的就简单多了
终于弄好了，感谢分享自定义个人空间bug版分享
mjj门真会玩
会玩
插眼
自定义个人空间bug版分享 哦，是我这样的吗？嘿嘿