MCBBS 自定义背景

Greasy Fork is available in English.
MCBBS 自定义背景

自定义mcbbs的背景
当前为 2020-04-12 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         MCBBS 自定义背景
// @namespace    http://fang.blog.miri.site/
// @version      0.4.1
// @description  自定义mcbbs的背景
// @author       Mr_Fang
// @match        https://*.mcbbs.net/*
// @grant        none
// ==/UserScript==

(function() {
    // 定义变量
    var storage = window.localStorage;
    var mbg_url = storage.getItem('mbg_url');
    var mbg_opacity = storage.getItem('mbg_opacity');
    var mbg_nightmode = storage.getItem('mbg_nightmode');
    var date = new Date();

    // 
    // 0.4.1 在0.4基础上降低了泥潭吉祥物泥猪的层级，既不会被广告遮挡又不会挡住其它内容了
    // 

    // 判断是背景否为空
    if(mbg_url == '' || mbg_url == null){
        mbg_url = "https://www.mcbbs.net/template/mcbbs/image/body_bg.jpg";
    }

    // 判断透明度是否为空
    if(mbg_opacity == null){
        mbg_opacity = 100;
    }

    // 在个人信息菜单中添加按钮
    jq('.user_info_menu_btn').append('<li><a id="bg_setting">自定义背景</a></li>');
    // 设置窗口
    document.getElementById('bg_setting').addEventListener('click',function(){
        showDialog('<style>.alert_right {background-image: none;padding-right: 0px;padding-left: 0px;}</style><div class=""><b>点击确定保存 刷新后生效</b><hr><p>自定义背景图 - 请填写图片链接</p><input value="' + mbg_url + '" id="mbg_url_input" style="width: 98%;"><p>透明度 - 当前' + mbg_opacity + '%</p><input min="0" max="100" type="range" value="' + mbg_opacity + '" id="mbg_opacity_input" style="width: 98%;"><font>0%</font><font style="float: right;">100%</font><p>夜间模式 - 当前' + mbg_nightmode + '</p><input min="0" max="1" type="range" value="' + mbg_nightmode + '" id="mbg_nightmode_input" style="width: 98%;"><font>关</font><font style="float: right;">开</font></div>',
                   'right',
                   '<div style="line-height:30px;"><img src="https://s2.ax1x.com/2020/02/25/3twNzq.png" width="20px"> 自定义背景</div>',
                   function() {
            storage["mbg_url"] = document.getElementById("mbg_url_input").value;
            storage["mbg_opacity"] = document.getElementById("mbg_opacity_input").value;
            storage["mbg_nightmode"] = document.getElementById("mbg_nightmode_input").value;
        }
                  );
    })

    // 假装是夜间模式
    if(mbg_nightmode == 1){
        // 在head里添加夜间模式的css
        jq("head").append('<style id="mbg_nightmode_css">div.mc_map_wp {filter:Invert();}</style>');
    }

    // 这个挂件是论坛自带的，但是被注释掉了
    jq('<img class="mc_top" src="template/mcbbs/image/muddy_pig_subhero_updated6-19.png" draggable="false"/>').insertBefore(".mc_map_border_top");

    // 在head里添加css
    jq("head").append('<style id="mbg_css">img.mc_top{z-index:99;} #body_fixed_bg {background-image: url(' + mbg_url + ')} div.mc_map_wp {opacity: ' + mbg_opacity/100 + ';}</style>');

    // 这段代码会让页面在2020年12月13日变灰
    if(date.getFullYear() == 2020 && date.getMonth() == 11 && date.getDate() == 13){
        jq("head").append('<style id="mbg_gray">html { -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none; }</style>');
    }

})();