Greasy Fork

Ultra Lite QZone

重新排版并移除了许多冗余元素,搭配Dark Reader使用更佳。请调整主页排版至默认(“社交元素”)以取得最佳使用效果。

// ==UserScript==
// @name         Ultra Lite QZone
// @license      MIT
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  重新排版并移除了许多冗余元素,搭配Dark Reader使用更佳。请调整主页排版至默认(“社交元素”)以取得最佳使用效果。
// @author       MFn
// @match        http://qzone.qq.com/*
// @match        https://qzone.qq.com/*
// @match        http://*.qzone.qq.com/*
// @match        https://*.qzone.qq.com/*
// @match        https://i.qq.com/?s_url=http%3A%2F%2Fuser.qzone.qq.com%2*
// @icon         https://user.qzone.qq.com/favicon.ico
// @grant        GM_addStyle
// @grant        unsafeWindow
// ==/UserScript==

//下为本user script设置(config),修改后请按 ctrl + s 保存。
//每次更新可能需要再次手动修改,但这比cookie好操作很多
const config = {
    background: {
        enable: true,//是否修改背景,true=是,false=否,下同
        cover: true,//是否开启背景暗角
        src: "https://i0.imgs.ovh/2024/02/02/bsxwl.jpeg"//图床:imgloc.com,这是背景路径,填写你的背景图直链,(应该)不支持file:/// .
    },
    animation: {
        transition: true//是否开启过渡动画(感觉好像没啥用的样子……)
    }
};

(function() {
    'use strict';
    console.log("Ultra Lite QZone By MFn.");
    GM_addStyle(".lay_wrap .lay_foot .login_device li a:hover {top:0 !important;background-color: #000000aa;border-radius: 15px;}");
    //登陆界面下方图标抖动bug。。。解决方式就是直接不位移
    GM_addStyle("ul#feed_friend_list {border: 1px #e6e6e6 solid !important;border-radius: 3px;background: white;width: fit-content;}");
    GM_addStyle(".fn-feed-control-v2 .control-inner {border: 1px #e6e6e6 solid !important;border-radius: 3px;background: white;}");
    //主要部分边框重写,防止无背景时与背景相连
    GM_addStyle(".bg-body{background-image:none !important;background-color:#dcdcdc;}");
    GM_addStyle(".background-container{background-image:none !important;}");
    //去除原本的背景图
    GM_addStyle("a.qz-btn-vip.qz-btn-vip-open {visibility: hidden;}");
    GM_addStyle(".profile-hd-actions{display: none !important;}");
    GM_addStyle("i.ui-icon.icon-vip {display: none !important;}");
    //去VIP等
    GM_addStyle(".layout-nav .head-avatar {border: 1px #e6e6e6 solid !important;border-radius: 3px;bottom: 60px;");
    GM_addStyle("div#vipBottomAdContainer {display: none;}");
    //头像位置
    GM_addStyle(".layout-nav .head-avatar .head-avatar-edit .avatar-edit-list {top: -60px;position: absolute;width: 120px;height: 60px;}");
    //修改头像优化
    GM_addStyle(".head-nav .head-nav-menu {background-color:white; width: 912px;height: 50px;font-size: 14px;margin-left: -150px;border: 1px #e6e6e6 solid !important;border-radius: 3px;}")
    //头像下一排边框。。。可见架构混乱程度
    GM_addStyle(".layout-head .head-info {position: absolute;top: 180px;left: 680px !important;}");
    GM_addStyle("div#visitorsDiv {top: 170px;left: 850px;}");
    //info位置(就是空间名字)
    GM_addStyle(".layout-head .head-info, .layout-head .head-description a, .layout-head .head-name .user-name, .layout-head .head-detail-name .user-name, .layout-head .qz-progress-bar .progress-bar-info {color: white;}");
    GM_addStyle(".layout-head .weather-module, .layout-head .visit-module {color: antiquewhite;}");
    //字体颜色修改
    GM_addStyle("a#site_hot_btn {display: none !important;}");
    GM_addStyle(".mod-side-nav.mod-side-nav-recently-used {display: none;}");
    //去广告
    GM_addStyle(".ui_avatar {border-radius: 100%;overflow: hidden;}");
    GM_addStyle(".feed .avatar a {border-radius: 100%;}");
    //圆形头像
    GM_addStyle("div#ifeedsContainer {background-color: white;}");
    //主要部分白色背景,为了防止添加背景后的连接处透明
    //以下是其他界面适配。。。(以上是main)
    GM_addStyle("div#feed_me {border: 1px #e6e6e6 solid !important;position: absolute;width: 592px;}");
    GM_addStyle("div#qz_poster_v4_editor_container_1 {border: 0.5px #e6e6e6 solid !important;width: 592px !important;}");
    GM_addStyle(".bg_mode.bg {border: 1px #e6e6e6 solid !important;padding-bottom: 100px;}");
    GM_addStyle(".mod_wrap.bg.mod-wrap {border: 1px #e6e6e6 solid !important;}");
    GM_addStyle(".top-fix-bar .top-fix-inner {background-color: #000000cc;box-shadow: 1px 1px 5px #000000bb;}");//top bar
    GM_addStyle("div#_qz_zoom_detect {display: none;}");//奇怪的flash。。
    GM_addStyle(".fn-dialog-hide-feed {background: white;}");

    if(config.animation.transition == true){
        //过渡动画
        GM_addStyle("html{transition: all 0.5s ease-out;}");
    }
    if(config.background.enable == true) {
        //GM_addStyle(".bg-body:not(#pageApp), .layout-background:not(#pageApp), .layout-head, .layout-nav {z-index:-5; background: url("+ config.background.src +") fixed !important;}");
        //这个效果并不好,所以我使用了下面的方法
        //美化背景
        let bgimg = document.createElement("div");
        bgimg.setAttribute("class","bgimg");
        document.body.append(bgimg);
        GM_addStyle(".bgimg {z-index: -5;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: url("+ config.background.src +") fixed !important;}");
    }
    if(config.background.cover == true){
        //背景暗角(来自limestart)
        let cover = document.createElement("div");
        cover.setAttribute("class","cover");
        document.body.append(cover);
        GM_addStyle(".cover {z-index: -2;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-image: radial-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%),radial-gradient(rgba(0,0,0,0) 33%,rgba(0,0,0,.3) 166%);transition: .25s;}");
    }

    GM_addStyle(".layout-nav {background: transparent;}");
    GM_addStyle(".layout-background {background: transparent;}");
    //访问其他人的空间时遇到的小bug,改成透明就解决了
})();