信友队论坛可以改自定义背景图片了?!我通过收集&&重制 发布 XYD Better v2.0!

Tips:现在已经有@hyf dalao优化过的v2.0版本 本帖主要针对安装、效果进行讲解

话不多说,先贴个效果图


历经长达两天半的搜索
我终于整合/更改出了 我的梦中情件
XYD Better!
(基于油猴Tamper Monkey完成,现在或许也叫篡改猴)

那么如何得到如图效果

首先,你需要安装一个插件-Tamper Monkey 篡改猴(也叫油猴)
安装方式如该帖-CSDN

好!完成这一步之后,你已经遥遥领先 98%的生物(

下一步

image
然后
点击 添加新脚本
会出现如图页面


下一步
复制如下代码

// ==UserScript==
// @name         XYD Better
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       jl15988  remake By WangBa
// @match        http://discourse.xinyoudui.com/*
// @match        https://discourse.xinyoudui.com/*
// @icon         此处填base64格式的图片代码 表示图标
// @grant        none
// ==/UserScript==
(function() {
	'use strict';
	 // 透明度
	let opacity = 0.3;
	// 图片,base64格式
	let bg = "url('此处填你自己的base64格式的图片代码,同@icon 填一样的')";
	// 层级
	let zindex = 2;

    const body = document.querySelector('body');
    const bgBox = document.createElement('div');
	bgBox.style = "z-index: " + zindex + ";width: 100vw; height: 100vh;position: fixed;top: 0;left: 0;pointer-events: none;opacity: " + opacity + ";background-image: " + bg + " ;background-attachment: fixed;background-size: cover;";
	body.insertBefore(bgBox,body.children[0]);
})();


然后

进入刚刚出现的页面

删除里面所有东西(一个都不剩

把刚刚复制的代码贴进去

然后就是自定义图片/透明度了

点击如下链接 进入在线Base64图片转码器
(其实传到图床上也行,这个就看需求了)

这里还提供一个懒人方案!

随机壁纸
把这个链接复制,作为你的图片链接https://t.mwm.moe/pc/
效果如图,刷新可以随机变化

然后贴在后文相应的地方
优点:刷新可以刷到不同的壁纸,比较省事
缺点:无法自定义,且容易刷到奇怪的东西(?)

Base图片转码

Base64图片转码器

把你自定义的图片贴进去-转码-复制Base64编码-然后贴入代码中留出的Base64图片位置

贴你在图床上传的图片链接,也是可以的!
这里推荐luogu图床或者 路过图床 - 免费图片上传, 专业图片外链, 免费公共图床 (imgse.com)

注意!一定要贴进去!
(icon是图标,不改也行)

除了改图片,你还可以改透明度

如图中透明度,你可以改0.01~1 范围内的值

更改完之后,一,定,要,保,存!!

{\LARGE Ctrl+S}

然后会出现上面一条“操作成功完成”,不然是没有效果的!!!!

因为XYD的背景是绘制的,目前没有解决蓝条存在的问题,而且不建议透明度过高导致看不清东西,后续版本应该会解决(正在爆肝)

对了,记得启用插件哦,不然没有效果

更改后刷新XYD论坛页面以应用

15 个赞

%%% Orz 膜拜大佬

8 个赞

膜拜大佬

9 个赞

\Huge 膜拜Dalao

10 个赞

膜拜大佬

9 个赞

这么好的贴
当然要顶一下&加入书签辣

9 个赞

膜拜大佬

9 个赞

UPDATE -1

  • 更新了随机图片网址,懒人党和选择困难症救星
  • 经过dalao@洪宇帆测试,发现可以贴图床链接使用。我附上了图床链接
  • 没了
9 个赞

谢谢你~
05b676e7d9c4ad8e64678045d6efbf1c

8 个赞

明天给赞( ̄▽ ̄)b

9 个赞

一起一起

7 个赞

太好了 :wink:

7 个赞

刷到一只福瑞(大悲

6 个赞

:smiley: :smiley: :smiley:

7 个赞

Fix v0.1

  • 我是瞎子,复制上来的时候少了两行,给大家带来了不好的体验,十分抱歉(现已修复,有问题火树私信我!)
8 个赞

9 个赞

好的更改!

9 个赞

谢谢夸奖

9 个赞

NBNB~~

8 个赞

迟到的赞,送给你 :wink:

8 个赞