VPS参考测评推荐
专注分享VPS主机优惠信息
        找回密码
衡天云优惠活动
华纳云优惠活动
荫云优惠活动
当前位置：主机参考 > 全球VPS主机讨论 > 正文 当前文章分类：全球VPS主机讨论

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

2020-03-24 来源：主机参考 阅读(1248) 广告赞助
主机参考：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元起，个人开发者加享折上折！
【腾讯云】领8888元采购礼包，抢爆款云服务器 每月 9元起，个人开发者加享折上折！
打赏
转载请注明原文链接：主机参考 » 【个人空间DIY】大伙来看看我空间好看不 - 免费vps主机服务器,便宜vps,vps测评网
标签：
主机参考仅做资料收集，不对商家任何信息及交易做信用担保，购买前请注意风险，有交易纠纷请自行解决！请查阅：特别声明

相关推荐

评论 抢沙发

评论前必须登录！

 

联系我们

本站提供：商家投稿 / 广告赞助 / 代付代购 等服务。

商务合作qq2232130061 一键联系
info@zhujicankao.com（备注：合作或投稿）

热门文章