子比主题美化

将下面代码放到javascript：子比主题–>>自定义 javascript 代码

//网站动态标题开始 
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        document.title = "(/≧▽≦/)你又回来啦！ " ;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});
//网站动态标题结束

将下面的代码放到CSS：子比主题–>>自定义CSS样式即可！

.navbar-brand{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.navbar-brand:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}

将下面的代码放到CSS：子比主题–>>自定义CSS样式即可！

/*子比主题鼠标选中文字颜色样式*/::selection {    background-color: #00ffff; /* 替换为喜欢的纯色 */    color: white; /* 确保文字可读 */}

将下面的代码放到CSS：子比主题–>>自定义CSS样式即可！

.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}

改之前样式:

改之后样式:

将下面的代码放到CSS：子比主题–>>自定义CSS样式即可！

.index-tab ul>li {    border-radius: 5px;}

将下面代码放到func.php:域名根目录–>>wp-content–>>thems–>>zibll–>>func.php

// 禁用自动生成的图片尺寸
function shapeSpace_disable_image_sizes($sizes) {        unset($sizes['thumbnail']);    // disable thumbnail size    unset($sizes['medium']);       // disable medium size    unset($sizes['large']);        // disable large size    unset($sizes['medium_large']); // disable medium-large size    unset($sizes['1536x1536']);    // disable 2x medium-large size    unset($sizes['2048x2048']);    // disable 2x large size        return $sizes;    }add_action('intermediate_image_sizes_advanced', 'shapeSpace_disable_image_sizes'); // 禁用缩放尺寸add_filter('big_image_size_threshold', '__return_false'); // 禁用其他图片尺寸function shapeSpace_disable_other_image_sizes() {        remove_image_size('post-thumbnail'); // disable images added via set_post_thumbnail_size()     remove_image_size('another-size');   // disable any other added image sizes    }add_action('init', 'shapeSpace_disable_other_image_sizes');

将下面的代码放到CSS：子比主题–>>自定义CSS样式即可！

/*文章标题加上渐变彩色文字 开始*/.item-heading :hover,.text-ellipsis :hover,.text-ellipsis-2 :hover,.links-lists :hover {  background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%);  -webkit-text-fill-color: transparent;  -webkit-background-clip: text;  -webkit-background-size: 200% 100%;  -webkit-animation: maskedAnimation 4s infinite linear;}@keyframes maskedAnimation {  0% {    background-position: 0 0  }  100% {    background-position: -100% 0  }}/*文章标题加上渐变彩色文字 结束*/

将下面代码放到javascript：子比主题–>>自定义 javascript 代码

<!--彩色粒子特效-->
(function webpackUniversalModuleDefinition(a, b) {    if (typeof exports === "object" && typeof module === "object") {        module.exports = b()    } else {        if (typeof define === "function" && define.amd) {            define([], b)        } else {            if (typeof exports === "object") {                exports["POWERMODE"] = b()            } else {                a["POWERMODE"] = b()            }        }    }})(this, function() {    return (function(a) {        var b = {};         function c(e) {            if (b[e]) {                return b[e].exports            }            var d = b[e] = {                exports: {},                id: e,                loaded: false            };            a[e].call(d.exports, d, d.exports, c);            d.loaded = true;            return d.exports        }        c.m = a;        c.c = b;        c.p = "";        return c(0)    })([function(c, g, b) {        var d = document.createElement("canvas");        d.width = window.innerWidth;        d.height = window.innerHeight;        d.style.cssText = "position:fixed;top:0;left:0;pointer-events:none;z-index:999999";        window.addEventListener("resize", function() {            d.width = window.innerWidth;            d.height = window.innerHeight        });        document.body.appendChild(d);        var a = d.getContext("2d");        var n = [];        var j = 0;        var k = 120;        var f = k;        var p = false;        o.shake = true;         function l(r, q) {            return Math.random() * (q - r) + r        }        function m(r) {            if (o.colorful) {                var q = l(0, 360);                return "hsla(" + l(q - 10, q + 10) + ", 100%, " + l(50, 80) + "%, " + 1 + ")"            } else {                return window.getComputedStyle(r).color            }        }        function e() {            var t = document.activeElement;            var v;            if (t.tagName === "TEXTAREA" || (t.tagName === "INPUT" && t.getAttribute("type") === "text")) {                var u = b(1)(t, t.selectionStart);                v = t.getBoundingClientRect();                return {                    x: u.left + v.left,                    y: u.top + v.top,                    color: m(t)                }            }            var s = window.getSelection();            if (s.rangeCount) {                var q = s.getRangeAt(0);                var r = q.startContainer;                if (r.nodeType === document.TEXT_NODE) {                    r = r.parentNode                }                v = q.getBoundingClientRect();                return {                    x: v.left,                    y: v.top,                    color: m(r)                }            }            return {                x: 0,                y: 0,                color: "transparent"            }        }        function h(q, s, r) {            return {                x: q,                y: s,                alpha: 1,                color: r,                velocity: {                    x: -1 + Math.random() * 2,                    y: -3.5 + Math.random() * 2                }            }        }        function o() {            var t = e();            var s = 5 + Math.round(Math.random() * 10);            while (s--) {                n[j] = h(t.x, t.y, t.color);                j = (j + 1) % 500            }            f = k;            if (!p) {                requestAnimationFrame(i)            }            if (o.shake) {                var r = 1 + 2 * Math.random();                var q = r * (Math.random() > 0.5 ? -1 : 1);                var u = r * (Math.random() > 0.5 ? -1 : 1);                document.body.style.marginLeft = q + "px";                document.body.style.marginTop = u + "px";                setTimeout(function() {                    document.body.style.marginLeft = "";                    document.body.style.marginTop = ""                }, 75)            }        }        o.colorful = false;         function i() {            if (f > 0) {                requestAnimationFrame(i);                f--;                p = true            } else {                p = false            }            a.clearRect(0, 0, d.width, d.height);            for (var q = 0; q < n.length; ++q) {                var r = n[q];                if (r.alpha <= 0.1) {                    continue                }                r.velocity.y += 0.075;                r.x += r.velocity.x;                r.y += r.velocity.y;                r.alpha *= 0.96;                a.globalAlpha = r.alpha;                a.fillStyle = r.color;                a.fillRect(Math.round(r.x - 1.5), Math.round(r.y - 1.5), 3, 3)            }        }        requestAnimationFrame(i);        c.exports = o    }, function(b, a) {        (function() {            var d = ["direction", "boxSizing", "width", "height", "overflowX", "overflowY", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "borderStyle", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "fontStyle", "fontVariant", "fontWeight", "fontStretch", "fontSize", "fontSizeAdjust", "lineHeight", "fontFamily", "textAlign", "textTransform", "textIndent", "textDecoration", "letterSpacing", "wordSpacing", "tabSize", "MozTabSize"];            var e = window.mozInnerScreenX != null;             function c(k, l, o) {                var h = o && o.debug || false;                if (h) {                    var i = document.querySelector("#input-textarea-caret-position-mirror-div");                    if (i) {                        i.parentNode.removeChild(i)                    }                }                var f = document.createElement("div");                f.id = "input-textarea-caret-position-mirror-div";                document.body.appendChild(f);                var g = f.style;                var j = window.getComputedStyle ? getComputedStyle(k) : k.currentStyle;                g.whiteSpace = "pre-wrap";                if (k.nodeName !== "INPUT") {                    g.wordWrap = "break-word"                }                g.position = "absolute";                if (!h) {                    g.visibility = "hidden"                }                d.forEach(function(p) {                    g[p] = j[p]                });                if (e) {                    if (k.scrollHeight > parseInt(j.height)) {                        g.overflowY = "scroll"                    }                } else {                    g.overflow = "hidden"                }                f.textContent = k.value.substring(0, l);                if (k.nodeName === "INPUT") {                    f.textContent = f.textContent.replace(/\s/g, "\u00a0")                }                var n = document.createElement("span");                n.textContent = k.value.substring(l) || ".";                f.appendChild(n);                var m = {                    top: n.offsetTop + parseInt(j["borderTopWidth"]),                    left: n.offsetLeft + parseInt(j["borderLeftWidth"])                };                if (h) {                    n.style.backgroundColor = "#aaa"                } else {                    document.body.removeChild(f)                }                return m            }            if (typeof b != "undefined" && typeof b.exports != "undefined") {                b.exports = c            } else {                window.getCaretCoordinates = c            }        }())    }])});POWERMODE.colorful = true;POWERMODE.shake = false;document.body.addEventListener("input", POWERMODE);<!--彩色粒子特效结束-->