VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

【个人空间DIY】大伙来看看我空间好看不 - 免费vps主机服务器,便宜vps,vps测评网

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

点击我的头像可查看【个人空间DIY】大伙来看看我空间好看不       -  免费vps主机服务器,便宜vps,vps测评网-主机参考 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-e;
  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   –< 我哪知道啊,紫薯布丁 &gt;–

肤白貌美天然呆: 还是喜欢向我的空间这样朴实无华的,呵呵~~

chaigufan0: 不会 放弃

wangjianjilei: 感谢 @高板惠乃果 的思路 CSS不断更新中

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:【个人空间DIY】大伙来看看我空间好看不 - 免费vps主机服务器,便宜vps,vps测评网 https://zhujicankao.com/10337.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 【个人空间DIY】大伙来看看我空间好看不 - 免费vps主机服务器,便宜vps,vps测评网
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!