臭鼬娘  
  
查看: 1607|回复: 11

一些关于网站的美化

[复制链接]

4

主题

61

帖子

85

积分

注册会员

Rank: 2

积分
85
发表于 2024-10-21 13:09:56 | 显示全部楼层 |阅读模式
本帖最后由 yyy1013 于 2024-10-22 13:03 编辑

您是否会因为想一边看老婆一边看小说而不知看什么感到苦恼?

您是否觉得论坛壁纸虽然好看,但看久了有些腻?

壁纸美化,您值得拥有

https://cdn.fzoi.top/upload/user/st20250310/23082102517312.zip

暴力猴的下载链接(会用的可以跳过这一段

安装之后,解压到桌面。



将他拖入扩展中(记得开开发者模式



点击确认,并点击暴力猴的图标,点击加号,新建脚本



见下面的脚本复制进去,点击保存并退出
  1. // ==UserScript==
  2. // @name         臭鼬娘 skunkgirl background
  3. // @version      1.0
  4. // @description  Change webpages' background to the picture you choose. Press F2 to change background to the online picture, F7 to change background to the local picture, F4 to change the opacity of the foreground elements.(根据你选择的图片更换网页的背景,按F2更换背景为网络图片,按F7更换背景为本地图片,按F4改变前景元素的透明度。)
  5. // @author       yyy1013
  6. // @require      http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js
  7. // @match        https://www.skunkgirl.cc/*
  8. // @match        https://video.fdtstudio.org/*
  9. // @match        https://novel.fdtstudio.org/*
  10. // @icon         https://www.skunkgirl.cc/template/ahome_whitebird/image//logo57_2.png
  11. // @grant        GM_setValue
  12. // @grant        GM_getValue
  13. // @grant        GM_addStyle
  14. // @noframes
  15. // ==/UserScript==

  16. (function() {
  17.     'use strict';

  18.     let url = GM_getValue('url');
  19.     let opacity = GM_getValue('opacity');
  20.     if (opacity == undefined) opacity = '0.8';

  21.     function ChangeOpacity() {
  22.         $('body').children('#GM_Background').css('opacity', (1 - parseFloat(opacity)).toString());
  23.     }

  24.     function AddValuebar() {
  25.         GM_addStyle('#GM_ValuebarContainer { position: fixed; top: 40px; left: 45%; width: 15%; height: 20px; background-color: #66cccc; display: none; border: 0.5px solid; border-radius: 8px; z-index: 10000; }');
  26.         GM_addStyle('#GM_Valuebar { -webkit-appearance: none; transform: translateX(5%); width: 91%; height: 100%; background-color: #0000; }');
  27.         GM_addStyle('#GM_Valuebar::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; transform: translateY(-3px); border-radius: 7px; border: 0.5px solid #000; background-color: #ff99cc; }');
  28.         GM_addStyle('#GM_Valuebar::-webkit-slider-runnable-track { -webkit-appearance: none; height: 8px; border-radius: 4px; border: 0.5px solid #000; background-color: #ccff66; }');
  29.         GM_addStyle('#GM_Background { position: fixed; top: 0; left: 0; z-index: 9999; pointer-events:none; }');
  30.         let valuebar = '<div id="GM_ValuebarContainer"><input type="range" id="GM_Valuebar" min="0.0" max="1.0" step="0.05" value="' + opacity + '"></div>';
  31.         $('body').append(valuebar);
  32.         $('#GM_Valuebar').change(() => {
  33.             opacity = document.getElementById('GM_Valuebar').value.toString();
  34.             GM_setValue('opacity', opacity);
  35.             ChangeOpacity(opacity);
  36.         });
  37.         $(document).keydown((event) => {
  38.             if (event.which == 115) {
  39.                 let tag = $('#GM_ValuebarContainer');
  40.                 if (tag.css('display') == 'none') tag.css('display', 'block'); else tag.css('display', 'none');
  41.             }
  42.         });
  43.     }

  44.     function DrawBackground(url) {
  45.         let canvas = $('#GM_Background')[0];
  46.         let scale = window.devicePixelRatio / 1.25;
  47.         canvas.width = screen.width / scale;
  48.         canvas.height = screen.height / scale;
  49.         let ctx = canvas.getContext('2d');
  50.         let img = new Image(); img.src = url;
  51.         img.onload = () => {
  52.             let midx = img.width / 2, midy = img.height / 2;
  53.             let imgscale = Math.max(canvas.width / 2 / midx,
  54.                                     canvas.width / 2 / (img.width - midx),
  55.                                     canvas.height / 2 / midy,
  56.                                     canvas.height / 2 / (img.height - midy));
  57.             ctx.scale(imgscale, imgscale);
  58.             ctx.drawImage(img, canvas.width / 2 - midx * imgscale, canvas.height / 2 - midy * imgscale);
  59.         };
  60.     }

  61.     function AddBackground() {
  62.         let background = '<canvas id="GM_Background"></canvas>';
  63.         $('body').append(background);
  64.         DrawBackground(url);
  65.         ChangeOpacity(opacity);
  66.         AddValuebar();
  67.     }

  68.     if (url != undefined) {
  69.         AddBackground();
  70.     }

  71.     $(document).keydown((event) => {
  72.         if (event.which == 113) {
  73.             var geturl = prompt('请输入图片的网址,按确定生效。\nPlease input the url of the image, press OK to take effect.');
  74.             if (geturl != null) {
  75.                 GM_setValue('url', geturl);
  76.                 document.body.style = "background:rgba(0, 0, 0,0) url(geturl) no-repeat fixed;background-size:100% auto";

  77.     }
  78.           teste(document.getElementsByTagName("div"));
  79.         function teste(array){
  80.           for(var i=0; i<array.length; i++)
  81.           {
  82.               array.style.backgroundColor="rgba(229, 241, 240,0)";
  83.               teste(array.getElementsByTagName("div"));
  84.           }
  85.       }
  86.                 // console.log("baolihou: background image clear");
  87.                 // if (url == undefined) { url = geturl; AddBackground(); }
  88.                 // else { url = geturl; DrawBackground(url); }
  89.         }
  90.     });

  91. })();
复制代码





按键f2即可将想用的图片网址复制进入。
按键f4可调节网站主题透明度。
按键f7可导入本地图片(咕咕咕
可支持论坛,FDT播放站,甚至FDT小说站!!最后感谢两位大佬的指正




图3.png
6.png
7.png
只是一只想要更文的鸽子罢了————咕咕咕
回复

使用道具 举报

6

主题

150

帖子

3085

积分

论坛元老

Rank: 8Rank: 8

积分
3085
QQ
发表于 2024-10-21 15:22:06 来自手机 | 显示全部楼层
我嘞个c语言啊,牛逼
回复

使用道具 举报

60

主题

1220

帖子

3454

积分

论坛元老

御坂

Rank: 8Rank: 8

积分
3454

原创作者论坛元老

发表于 2024-10-21 20:30:38 来自手机 | 显示全部楼层
超牛的!最近一直在捣鼓用Tampermonkey或Stylus美化自己常用的网站(比如洛谷),不过实在是没有往美化论坛那里想hh

但是楼主发的这串码我没看出来是什么...看起来是Tampermonkey脚本,但是我尝试了一下导入结果报了一堆error(hhh)

总之还是超级牛的!(以及video.fdtstudio.org是播放站不是小说站哦hh)
回复

使用道具 举报

37

主题

1411

帖子

1399

积分

金牌会员

路天林

Rank: 6Rank: 6

积分
1399

论坛元老

发表于 2024-10-21 20:49:50 | 显示全部楼层
马牛逼 发表于 2024-10-21 15:22
我嘞个c语言啊,牛逼

js代码吧,这咋是C语言了
回复

使用道具 举报

37

主题

1411

帖子

1399

积分

金牌会员

路天林

Rank: 6Rank: 6

积分
1399

论坛元老

发表于 2024-10-21 20:53:24 | 显示全部楼层
御坂球 发表于 2024-10-21 20:30
超牛的!最近一直在捣鼓用Tampermonkey或Stylus美化自己常用的网站(比如洛谷),不过实在是没有往美化论坛 ...

给我看无语了,他括号打的都是中文括号...肯定报错的
回复

使用道具 举报

60

主题

1220

帖子

3454

积分

论坛元老

御坂

Rank: 8Rank: 8

积分
3454

原创作者论坛元老

发表于 2024-10-21 20:54:40 来自手机 | 显示全部楼层
1436735995 发表于 2024-10-21 20:49
js代码吧,这咋是C语言了

y,确实不是C的语法
回复

使用道具 举报

4

主题

61

帖子

85

积分

注册会员

Rank: 2

积分
85
 楼主| 发表于 2024-10-22 12:39:33 | 显示全部楼层
御坂球 发表于 2024-10-21 20:30
超牛的!最近一直在捣鼓用Tampermonkey或Stylus美化自己常用的网站(比如洛谷),不过实在是没有往美化论坛 ...

好像是有什么大病..... 为啥我自己用就没事.....小说站是新的版本,忘改了
只是一只想要更文的鸽子罢了————咕咕咕
回复

使用道具 举报

4

主题

61

帖子

85

积分

注册会员

Rank: 2

积分
85
 楼主| 发表于 2024-10-22 12:39:55 | 显示全部楼层
御坂球 发表于 2024-10-21 20:30
超牛的!最近一直在捣鼓用Tampermonkey或Stylus美化自己常用的网站(比如洛谷),不过实在是没有往美化论坛 ...

但感谢鼓励
只是一只想要更文的鸽子罢了————咕咕咕
回复

使用道具 举报

4

主题

61

帖子

85

积分

注册会员

Rank: 2

积分
85
 楼主| 发表于 2024-10-22 12:41:07 | 显示全部楼层
1436735995 发表于 2024-10-21 20:53
给我看无语了,他括号打的都是中文括号...肯定报错的

感谢指出错误.....
只是一只想要更文的鸽子罢了————咕咕咕
回复

使用道具 举报

4

主题

61

帖子

85

积分

注册会员

Rank: 2

积分
85
 楼主| 发表于 2024-10-22 12:45:38 | 显示全部楼层
更改好了,之前的是复制错误了,但感谢@1436735995,@御坂球,两位大大的指正,不然还不知道
只是一只想要更文的鸽子罢了————咕咕咕
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 氵主廾廾

本版积分规则

快速回复 返回顶部 返回列表