VPS爱客--vps优惠_服务器优惠_vps评测

【个人空间DIY】大伙来看看我空间好看不 2020-03-24 分类:VPS综合讨论 评论(0)


点击我的头像可查看【个人空间DIY】大伙来看看我空间好看不  			  				2020-03-24   												分类:VPS综合讨论   								评论(0) PC版效果最佳

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

说明:使用的是discuz自带的接口,一切安全的

以下代码,任意在一个有回复评论框的帖子,F12粘贴执行即可,稍微修改了一下,所有支持个人空间自定义的discuz论坛都可用

https://pastebin.com/Y64nFEAS

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

不过需要具备前端知识

下面这个是我的CSS

  1. body:before {
  2.     content: close-quote;
  3.     width: 551px;
  4.         right:0;
  5.         top:30px;
  6.     position: fixed;
  7.     background: center,url(https://qwq.moe/img/mjj.svg);
  8.        
  9.         background-size:cover;
  10.         background-position:center;
  11.     height: 200px;
  12.     z-index: 5;
  13. }
  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. }
  20. #ct{
  21.         opacity:0.8;
  22. }
  23. #hd{
  24.         visibility: hidden;
  25.         }
  26. #ct:hover{
  27.     opacity:0.9;
  28. }
  29. #ct{
  30.         opacity:0;
  31.     transition: opacity 1s;
  32.     border-radius: 7px;
  33.         box-shadow: 0px 0px 20px 6px rgba(0,0,0,0.12),0px 0px 20px 6px rgba(0,0,0,0.12);
  34. }
  35. #ft:hover{
  36.     opacity:0.9;
  37. }
  38. #ft{
  39.         opacity:0;
  40.     transition: opacity 1s;
  41. }
  42. #pprl li{
  43. padding:3px 0 3px 0!important;
  44. }
  45. #pprl{
  46. height:400px;
  47. }
  48. #pprl em{
  49. display:none;
  50. }
  51. #pprl a{
  52. font-size:26px
  53. }
  54. .hm img{
  55. border-radius:50%;
  56.     margin-top: -110px;box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.12);
  57. }
  58. div#frame1_left {
  59.     overflow: visible;
  60. }
  61. .hm .mbn a {
  62.     visibility: hidden;
  63. }
  64. #profile .blocktitle span{
  65. display:none;
  66. }

复制代码

网友回复:注册 马克 Archeb 强!!!我弄一下 不会放弃 riwsh 哇塞,我要试试哎 vagaa 这是哪个番的背景图? Function 动态背景API,我也不知道你看到了哪张 iqdb.org 可以搜 h20 这个思路不错,我也搞一个 Archeb 敲碗等抄 h20 投食√    Archeb 牛皮,我觉得我的空间也不错 注册 很强,我低仿了一个宝塔页面 注册 卧槽,,强强,赶紧试试 —不会。放弃 nico 萝莉控? zhang3china 给我也整一个.jpg yanyuo 哇塞,厉害厉害 zsbd yanyuo 懂了 laogui 我也要搞233   –< 我哪知道啊,紫薯布丁 >– 肤白貌美天然呆 还是喜欢向我的空间这样朴实无华的,呵呵~~ chaigufan0 不会 放弃 wangjianjilei 感谢 @高板惠乃果 的思路 CSS不断更新中

未经允许不得转载:VPS爱客 » 【个人空间DIY】大伙来看看我空间好看不 2020-03-24 分类:VPS综合讨论 评论(0)
分享到: 更多 (0)