子比主题go.php跳转美化

子比主题go.php跳转美化

08813
  • 在主题目录下go.php文件里面的代码全部删除，然后把下面的代码复制进去即可。替换原来的即可。
  • 如果要修改，只修改代码中性对应的文字即可

1.温馨提示页面

图片[1]-子比主题go.php跳转美化-乡野博文

代码如下

<!--by-->
<?php
if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过 QUERY_STRING 取得完整的传入数据，然后取得 url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //防止 xss
    $t_url =  htmlspecialchars($t_url);

    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    if ($matches) {
        $url = $t_url;
        $title = '页面加载中,请稍候...';
    } else {
        preg_match('/\./i', $t_url, $matche);
        if ($matche) {
            $url = 'http://' . $t_url;
            $title = '页面加载中,请稍候...';
        } else {
            $url = 'http://' . $_SERVER['HTTP_HOST'];
            $title = '参数错误，正在返回首页...';
        }
    }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://' . $_SERVER['HTTP_HOST'];
}
?>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="robots" content="noindex, nofollow" />
    <title><?php echo $title; ?></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
  <meta http-equiv="Cache-Control" content="no-transform" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="renderer" content="webkit"/>
  <meta name="force-rendering" content="webkit"/>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico">
    <script>
  function link_jump()
  {
    //禁止其他网站使用我们的跳转页面
    var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
    if (!MyHOST.test(document.referrer)) {
       location.href="https://" + MyHOST;
    }
    location.href="<?php echo $url; ?>";
  }
    //延时 1S 跳转，可自行修改延时时间
  //setTimeout(link_jump, 1500);
  //延时 50S 关闭跳转页面，用于文件下载后不会关闭跳转页的问题
  setTimeout(function(){window.opener=null;window.close();}, 50000);
  </script>
<style>
      *,:after,:before{box-sizing:border-box}body.reader-black-font,body.reader-black-font .history-mode .view-area,body.reader-black-font .history-mode .view-area pre,body.reader-black-font .main .kalamu-area,body.reader-black-font .main .markdown .text,body.reader-black-font input,body.reader-black-font select,body.reader-black-font textarea{font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}body{background:#f6f7f8}.ext-link__wrapper{position:absolute;width:620px;padding:40px 0;border-radius:6px;text-align:center;top:118px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;box-shadow:0 1px 3px rgba(27,95,160,.1);overflow:hidden}.title{font-size:22px;color:#2f2f2f}.sub-title{font-size:16px;color:#888;margin-top:8px}.link-bd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:460px;margin:12px auto 0;padding:10px;border-radius:4px;background:#ebf6ff;border:1px solid #dceaf5;zoom:1}.link-bd:after,.link-bd:before{content:" ";display:table}.link-bd .link-bd__icon{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:flex;align-items:center;width:40px;justify-content:center;height:40px;line-height:40px;font-size:20px;background:#bcc6d8;text-align:center;border-radius:2px}.link-btn{text-align:center;font-size:0;margin-top:24px}.link-bd .link-bd__text{font-size:14px;color:#006cbe;margin-left:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.link-btn__text{display:inline-block;width:144px;height:44px;line-height:43px;border-radius:22px;font-size:14px;color:#006cbe;border:1px solid #006cbe;cursor:pointer;text-decoration:none}.link-btn__text:hover{color:#fff;background:#006cbe}
.alert-footer {
  margin: 0 auto;
  height: 90px;
  width: 130px;
  padding-top: 30px;
}
.alert-footer-icon {
  float: left;
  margin-top: 10px;
  margin-right: 6px;
}
.alert-footer-text {
  float: left;
  border-left: 2px solid #EEE;
  padding: 3px 0 0 5px;
  height: 60px;
  color: #0B85CC;
  font-size: 12px;
  text-align: left;
  
}
.alert-footer-text p {
  color: #7A7A7A;
  font-size: 22px;
  line-height: 18px;
  margin-top: 0px;
}
</style>
</head>
<body>    
<div class="ext-link__wrapper">
        <img src="https://xiaoguo-1307263417.cos.ap-hongkong.myqcloud.com/2021/11/IMG_20211109_105121.png" width="200" style="margin-bottom: 30px;"><!--可修改成自己的 LOGO--> 
        <div class="title">即将跳转到外部网站</div>
        <div class="sub-title">跳转网站安全性未知，是否继续</div>
        <div class="link-bd">
            <div class="link-bd__icon"><svg t="1585116627498" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="2855" width="32" height="32">
                    <path
                        d="M580.906667 682.496a8.96 8.96 0 0 0-12.501334 0l-129.109333 129.152c-59.818667 59.818667-160.682667 66.133333-226.688 0-66.133333-66.133333-59.733333-166.912 0-226.688l129.109333-129.152a8.917333 8.917333 0 0 0 0-12.544L297.514667 399.061333a8.917333 8.917333 0 0 0-12.544 0l-129.152 129.066667a240.256 240.256 0 0 0 0 340.053333 240.213333 240.213333 0 0 0 340.053333 0l129.066667-129.109333a8.917333 8.917333 0 0 0 0-12.586667l-43.989334-43.989333h-0.042666zM868.224 155.733333a240.554667 240.554667 0 0 1 0 340.138667l-129.109333 129.152a8.917333 8.917333 0 0 1-12.544 0l-44.202667-44.202667a8.96 8.96 0 0 1 0-12.629333l129.109333-129.066667c59.818667-59.818667 66.133333-160.597333 0-226.730666-66.005333-66.133333-166.869333-59.818667-226.688 0l-129.066666 129.194666a8.96 8.96 0 0 1-12.544 0L399.061333 297.514667a8.96 8.96 0 0 1 0-12.544l129.237334-129.152a240.213333 240.213333 0 0 1 339.925333 0v-0.042667z m-247.210667 201.045334l43.946667 43.989333a8.917333 8.917333 0 0 1 0 12.544l-251.562667 251.562667a8.917333 8.917333 0 0 1-12.544 0l-44.032-43.946667a8.917333 8.917333 0 0 1 0-12.544l251.690667-251.605333a8.96 8.96 0 0 1 12.544 0h-0.042667z"
                        fill="#006CBE" fill-opacity=".87" p-id="2856"></path>
                </svg></div>
            <div class="link-bd__text"><?php echo $url; ?></div>
        </div>
        <div class="link-btn">
            <a href="javascript:void(0);" onclick="javascript:window.location.href='<?php echo $url; ?>'" class="link-btn__text">继续前往</a>
      <a href="/" class="link-btn__text" style="margin-left:100px;">回到主页</a>
        </div>
        <div class="alert-footer">
        <svg width="46px" height="42px" class="alert-footer-icon">
          <circle fill-rule="evenodd" clip-rule="evenodd" fill="#7B7B7B" stroke="#DEDFE0" stroke-width="2" stroke-miterlimit="10" cx="21.917" cy="21.25" r="17"/>
          <path fill="#FFF" d="M22.907,27.83h-1.98l0.3-2.92c-0.37-0.22-0.61-0.63-0.61-1.1c0-0.71,0.58-1.29,1.3-1.29s1.3,0.58,1.3,1.29 c0,0.47-0.24,0.88-0.61,1.1L22.907,27.83z M18.327,17.51c0-1.98,1.61-3.59,3.59-3.59s3.59,1.61,3.59,3.59v2.59h-7.18V17.51z M27.687,20.1v-2.59c0-3.18-2.59-5.76-5.77-5.76s-5.76,2.58-5.76,5.76v2.59h-1.24v10.65h14V20.1H27.687z"/>
          <circle fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFE" cx="35.417" cy="10.75" r="6.5"/>
          <polygon fill="#7B7B7B" stroke="#7B7B7B" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="35.417,12.16 32.797,9.03 31.917,10.07 35.417,14.25 42.917,5.29 42.037,4.25 "/>
        </svg>
        <div class="alert-footer-text"><p>secure</p>安全加密 </div>
      </div>
    </div>
</body>
</html>

2.变形金刚样式

图片[2]-子比主题go.php跳转美化-乡野博文

代码如下：

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //防止xss
    $t_url =  htmlspecialchars($t_url);

    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    if ($matches) {
        $url = $t_url;
        $title = '页面加载中,请稍候...';
    } else {
        preg_match('/\./i', $t_url, $matche);
        if ($matche) {
            $url = 'http://' . $t_url;
            $title = '页面加载中,请稍候...';
        } else {
            $url = 'http://' . $_SERVER['HTTP_HOST'];
            $title = '参数错误，正在返回首页...';
        }
    }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://' . $_SERVER['HTTP_HOST'];
}
?>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="noindex, nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <noscript>
        <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';">
    </noscript>
    <script>
        function link_jump() {
            //禁止其他网站使用我们的跳转页面
            var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
            if (!MyHOST.test(document.referrer)) {
                location.href = "http://" + MyHOST;
            }
            location.href = "<?php echo $url; ?>";
        }
        //延时1S跳转，可自行修改延时时间
        setTimeout(link_jump, 6800);
        //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
        setTimeout(function() {
            window.opener = null;
            window.close();
        }, 50000);
    </script>
    <title><?php echo $title; ?></title>
</head>

<body>
    <body>
      <div id="t-ov">
        <div class="motime">
          <div id="head-body"></div>
          <div id="head-topcover"></div>
          <div id="head-toplogo-bg"></div>
          <div id="head-toplogo"></div>
          <div id="head-toplogo-2"></div>
          <div id="head-bottom"></div>
          <div id="head-bottom-2"></div>
          <div id="head-sw"></div>
          <div id="head-sw-2"></div>
          <div id="head-eye"></div>
          <div id="head-eye-2"></div>
        </div>
      </div>
      <style>
        body{min-width:320px;background:#333}#head-body{position:relative;z-index:2;margin:25px 0 50px 0;width:200px;height:0;border-top:150px solid #555;border-right:25px solid transparent;border-left:25px solid transparent}#head-body:after{position:absolute;top:0;left:0;width:0;height:0;border-color:#555 transparent transparent transparent;border-style:solid;border-width:150px 100px 0 100px;content:""}#head-eye{position:relative;top:-585px;left:67px;z-index:12;width:32px;height:22px;background:#4CBEFF;box-shadow:rgba(255,255,255,.4) 0 0 15px,rgba(76,190,255,.95) 0 0 10px;-webkit-transform:skew(46deg) rotate(14deg);-moz-transform:skew(46deg) rotate(14deg);-o-transform:skew(46deg) rotate(14deg)}#head-eye-2{position:relative;top:-607px;left:150px;z-index:12;width:32px;height:22px;background:#4CBEFF;box-shadow:rgba(255,255,255,.4) 0 0 15px,rgba(76,190,255,.95) 0 0 10px;-webkit-transform:skew(-46deg) rotate(-14deg);-moz-transform:skew(-46deg) rotate(-14deg);-o-transform:skew(-46deg) rotate(-14deg)}#head-topcover{position:relative;top:-225px;left:-19px;z-index:5;width:169px;height:0;border-top:80px solid #333;border-right:60px solid transparent;border-left:60px solid transparent}#head-topcover:after{position:absolute;top:0;left:0;width:0;height:0;border-color:#333 transparent transparent transparent;border-style:solid;border-width:15px 85px 0 85px;content:""}#head-toplogo-bg{position:relative;top:-267px;left:67px;z-index:6;width:46px;height:0;border-top:110px solid #333;border-right:35px solid transparent;border-left:35px solid transparent}#head-toplogo-bg:after{position:absolute;top:0;left:0;width:0;height:0;border-color:#333 transparent transparent transparent;border-style:solid;border-width:30px 23px 0 23px;content:""}#head-toplogo{position:relative;top:-377px;left:75px;z-index:7;width:40px;height:0;border-top:105px solid #555;border-right:30px solid transparent;border-left:30px solid transparent}#head-toplogo:before{position:absolute;top:-42px;left:10px;display:block;width:0;height:0;border-top:30px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;content:''}#head-toplogo:after{position:absolute;top:0;left:0;width:0;height:0;border-color:#555 transparent transparent transparent;border-style:solid;border-width:28px 20px 0 20px;content:""}#head-toplogo-2{position:relative;top:-482px;left:75px;z-index:8;width:30px;height:0;border-top:37px solid #333;border-right:35px solid transparent;border-left:35px solid transparent}#head-bottom{position:relative;top:-365px;left:-31px;z-index:10;display:block;margin:50px 0;width:0;height:0;border-right:107px solid transparent;border-bottom:44px solid #555;border-left:60px solid transparent;color:#555;-webkit-transform:rotate(236deg);-moz-transform:rotate(236deg);-o-transform:rotate(236deg);-ms-transform:rotate(236deg)}#head-bottom-2{position:relative;top:-460px;left:115px;display:block;width:0;height:0;border-right:60px solid transparent;border-bottom:44px solid #555;border-left:107px solid transparent;color:#555;-webkit-transform:rotate(484deg);-moz-transform:rotate(484deg);-o-transform:rotate(484deg);-ms-transform:rotate(484deg)}#head-sw{position:relative;top:-629px;left:45px;z-index:15;width:49px;height:8px;background:#333;-webkit-transform:skew(-149deg) rotate(9deg);-moz-transform:skew(-149deg) rotate(9deg);-o-transform:skew(-149deg) rotate(9deg)}#head-sw:after{position:absolute;top:24px;left:-6px;width:53px;height:8px;background:#333;content:"";-webkit-transform:skew(-174deg) rotate(1deg);-moz-transform:skew(-174deg) rotate(1deg);-o-transform:skew(-174deg) rotate(1deg)}#head-sw-2{position:relative;top:-637px;left:155px;z-index:15;width:49px;height:8px;background:#333;-webkit-transform:skew(279deg) rotate(10deg);-moz-transform:skew(279deg) rotate(10deg);-o-transform:skew(279deg) rotate(10deg)}#head-sw-2:after{position:absolute;top:-2px;left:132px;width:45px;height:9px;background:#333;content:"";-webkit-transform:skew(-212deg) rotate(0);-moz-transform:skew(-212deg) rotate(0);-o-transform:skew(-212deg) rotate(0)}#t-ov{overflow:hidden;margin:50px auto 20px auto;width:250px;height:325px}.motime #head-body{animation:head-body-1 4s cubic-bezier(.25,.1,.25,1);-moz-animation:head-body-1 4s cubic-bezier(.25,.1,.25,1);-webkit-animation:head-body-1 4s cubic-bezier(.25,.1,.25,1);-o-animation:head-body-1 4s cubic-bezier(.25,.1,.25,1)}@keyframes head-body-1{0%{top:350px;border-top:150px solid #555;border-right:25px solid transparent;border-left:25px solid transparent}100%{top:0;border-top:150px solid #555;border-right:25px solid transparent;border-left:25px solid transparent}}@-moz-keyframes head-body-1{0%{top:350px;border-top:150px solid #555;border-right:25px solid transparent;border-left:25px solid transparent}100%{top:0;border-top:150px solid #555;border-right:25px solid transparent;border-left:25px solid transparent}}@-webkit-keyframes head-body-1{0%{top:350px;border-top:150px solid #555;border-right:25px solid transparent;border-left:25px solid transparent}100%{top:0;border-top:150px solid #555;border-right:25px solid transparent;border-left:25px solid transparent}}@-o-keyframes head-body-1{0%{top:350px;border-top:150px solid #555;border-right:25px solid transparent;border-left:25px solid transparent}100%{top:0;border-top:150px solid #555;border-right:25px solid transparent;border-left:25px solid transparent}}.motime #head-toplogo{animation:head-body-2 2s cubic-bezier(.25,.1,.25,1);-moz-animation:head-body-2 2s cubic-bezier(.25,.1,.25,1);-webkit-animation:head-body-2 2s cubic-bezier(.25,.1,.25,1);-o-animation:head-body-2 2s cubic-bezier(.25,.1,.25,1)}@keyframes head-body-2{0%{top:-600px}100%{top:-377px}}@-moz-keyframes head-body-2{0%{top:-600px}100%{top:-377px}}@-webkit-keyframes head-body-2{0%{top:-600px}100%{top:-377px}}@-o-keyframes head-body-2{0%{top:-600px}100%{top:-377px}}.motime #head-toplogo-2{animation:head-body-3 4s cubic-bezier(1,.5,.25,.1);-moz-animation:head-body-3 4s cubic-bezier(1,.5,.25,.1);-webkit-animation:head-body-3 4s cubic-bezier(1,.5,.25,.1);-o-animation:head-body-3 4s cubic-bezier(1,.5,.25,.1)}@keyframes head-body-3{0%{top:-800px}100%{top:-482px}}@-moz-keyframes head-body-3{0%{top:-800px}100%{top:-482px}}@-webkit-keyframes head-body-3{0%{top:-800px}100%{top:-482px}}@-o-keyframes head-body-3{0%{top:-800px}100%{top:-482px}}.motime #head-eye,.motime #head-eye-2{animation:head-body-4 5s cubic-bezier(1,1,.5,.005);-moz-animation:head-body-4 5s cubic-bezier(1,1,.5,.005);-webkit-animation:head-body-4 5s cubic-bezier(1,1,.5,.005);-o-animation:head-body-4 5s cubic-bezier(1,1,.5,.005)}@keyframes head-body-4{0%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}5%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}10%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}15%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}20%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}25%{background:0
        0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}30%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}35%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}40%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}45%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}50%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}55%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}60%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}65%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}70%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}75%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}80%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}85%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}90%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}95%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}100%{background:#4CBEFF;-webkit-box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px;-moz-box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px;box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px}}@-moz-keyframes head-body-4{0%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}5%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}10%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}15%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}20%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}25%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}30%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}35%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}40%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}45%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}50%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}55%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}60%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}65%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}70%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}75%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}80%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}85%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}90%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}95%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}100%{background:#4CBEFF;-webkit-box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px;-moz-box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px;box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px}}@-webkit-keyframes head-body-4{0%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}5%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}10%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}15%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}20%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}25%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}30%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}35%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}40%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}45%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}50%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}55%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}60%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}65%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}70%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}75%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}80%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}85%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}90%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}95%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}100%{background:#4CBEFF;-webkit-box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px;-moz-box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px;box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px}}@-o-keyframes head-body-4{0%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}5%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}10%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}15%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}20%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}25%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}30%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}35%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}40%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}45%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}50%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}55%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}60%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}65%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}70%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}75%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}80%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}85%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}90%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}95%{background:0 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}100%{background:#4CBEFF;-webkit-box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px;-moz-box-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px;box-shadow:rgba(255,255,255,.4)
        0 0 35px,rgba(76,190,255,.95) 0 0 25px}}.motime #head-bottom{animation:head-body-5 3s cubic-bezier(.1,.025,.005,.005);-moz-animation:head-body-5 3s cubic-bezier(.1,.025,.005,.005);-webkit-animation:head-body-5 3s cubic-bezier(.1,.025,.005,.005);-o-animation:head-body-5 3s cubic-bezier(.1,.025,.005,.005)}@keyframes head-body-5{0%{left:300px}50%{left:-120px}100%{left:-31px}}@-moz-keyframes head-body-5{0%{left:300px}50%{left:-120px}100%{left:-31px}}@-webkit-keyframes head-body-5{0%{left:300px}50%{left:-120px}100%{left:-31px}}@-o-keyframes head-body-5{0%{left:300px}50%{left:-120px}100%{left:-31px}}.motime #head-bottom-2{animation:head-body-6 3s cubic-bezier(.1,.025,.005,.005);-moz-animation:head-body-6 3s cubic-bezier(.1,.025,.005,.005);-webkit-animation:head-body-6 3s cubic-bezier(.1,.025,.005,.005);-o-animation:head-body-6 3s cubic-bezier(.1,.025,.005,.005)}@keyframes head-body-6{0%{left:-300px}50%{left:300px}100%{left:115px}}@-moz-keyframes head-body-6{0%{left:-300px}50%{left:300px}100%{left:115px}}@-webkit-keyframes head-body-6{0%{left:-300px}50%{left:300px}100%{left:115px}}@-o-keyframes head-body-6{0%{left:-300px}50%{left:300px}100%{left:115px}}.motime #head-toplogo:before{animation:head-body-7 3s cubic-bezier(1,1,.005,.005);-moz-animation:head-body-7 3s cubic-bezier(1,1,.005,.005);-webkit-animation:head-body-7 3s cubic-bezier(1,1,.5,.005);-o-animation:head-body-7 3s cubic-bezier(1,1,.005,.005)}@keyframes head-body-7{0%{border-top:30px solid #555}5%{border-top:30px solid #555}10%{border-top:30px solid #555}15%{border-top:30px solid #555}20%{border-top:30px solid #555}25%{border-top:30px solid #555}30%{border-top:30px solid #555}35%{border-top:30px solid #555}40%{border-top:30px solid #555}45%{border-top:30px solid #555}50%{border-top:30px solid #555}55%{border-top:30px solid #555}60%{border-top:30px solid #555}65%{border-top:30px solid #555}70%{border-top:30px solid #555}75%{border-top:30px solid #555}80%{border-top:30px solid #555}85%{border-top:30px solid #555}90%{border-top:30px solid #333}95%{border-top:30px solid #555}100%{border-top:30px solid #333}}@-moz-keyframes head-body-7{0%{border-top:30px solid #555}5%{border-top:30px solid #555}10%{border-top:30px solid #555}15%{border-top:30px solid #555}20%{border-top:30px solid #555}25%{border-top:30px solid #555}30%{border-top:30px solid #555}35%{border-top:30px solid #555}40%{border-top:30px solid #555}45%{border-top:30px solid #555}50%{border-top:30px solid #555}55%{border-top:30px solid #555}60%{border-top:30px solid #555}65%{border-top:30px solid #555}70%{border-top:30px solid #555}75%{border-top:30px solid #555}80%{border-top:30px solid #555}85%{border-top:30px solid #555}90%{border-top:30px solid #333}95%{border-top:30px solid #555}100%{border-top:30px solid #333}}@-webkit-keyframes head-body-7{0%{border-top:30px solid #555}5%{border-top:30px solid #555}10%{border-top:30px solid #555}15%{border-top:30px solid #555}20%{border-top:30px solid #555}25%{border-top:30px solid #555}30%{border-top:30px solid #555}35%{border-top:30px solid #555}40%{border-top:30px solid #555}45%{border-top:30px solid #555}50%{border-top:30px solid #555}55%{border-top:30px solid #555}60%{border-top:30px solid #555}65%{border-top:30px solid #555}70%{border-top:30px solid #555}75%{border-top:30px solid #555}80%{border-top:30px solid #555}85%{border-top:30px solid #555}90%{border-top:30px solid #333}95%{border-top:30px solid #555}100%{border-top:30px solid #333}}@-o-keyframes head-body-7{0%{border-top:30px solid #555}5%{border-top:30px solid #555}10%{border-top:30px solid #555}15%{border-top:30px solid #555}20%{border-top:30px solid #555}25%{border-top:30px solid #555}30%{border-top:30px solid #555}35%{border-top:30px solid #555}40%{border-top:30px solid #555}45%{border-top:30px solid #555}50%{border-top:30px solid #555}55%{border-top:30px solid #555}60%{border-top:30px solid #555}65%{border-top:30px solid #555}70%{border-top:30px solid #555}75%{border-top:30px solid #555}80%{border-top:30px solid #555}85%{border-top:30px solid #555}90%{border-top:30px solid #333}95%{border-top:30px solid #555}100%{border-top:30px solid #333}}.wrap{margin:0 auto;width:200px;height:80px}.loading{position:relative;width:185px;height:20px;color:#4CBEFF;text-align:right;text-shadow:0 0 6px #bce4ff;text-shadow:rgba(255,255,255,.4) 0 0 35px,rgba(76,190,255,.95) 0 0 25px;font-family:arial}.loading span{position:absolute;right:30px;display:block;width:200px;height:20px;text-transform:uppercase;line-height:20px}.loading span:after{position:absolute;top:-2px;right:-21px;display:block;width:16px;height:20px;background:#4CBEFF;-webkit-box-shadow:0 0 15px #bce4ff;-moz-box-shadow:0 0 15px #bce4ff;box-shadow:0 0 15px #bce4ff;content:"";-moz-animation:blink 5s infinite;-webkit-animation:blink 5s infinite;animation:blink 5s infinite}.loading span.title{-moz-animation:title 12s linear infinite;-webkit-animation:title 12s linear infinite;animation:title 12s linear infinite}.loading span.text{opacity:0;-moz-animation:title 12s linear 5s infinite;-webkit-animation:title 12s linear 5s infinite;animation:title 12s linear 5s infinite}@-webkit-keyframes title{0%{right:130px;opacity:0}48%{right:130px;opacity:0}52%{right:30px;opacity:1}70%{right:30px;opacity:1}100%{right:30px;opacity:0}}@-moz-keyframes title{0%{right:130px;opacity:0}48%{right:130px;opacity:0}52%{right:30px;opacity:1}70%{right:30px;opacity:1}100%{right:30px;opacity:0}}@-webkit-keyframes fade{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fade{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes bg{0%{background-color:#306f99}50%{background-color:#19470f}90%{background-color:#734a10}}@-moz-keyframes bg{0%{background-color:#306f99}50%{background-color:#19470f}90%{background-color:#734a10}}@-webkit-keyframes blink{0%{opacity:0}5%{opacity:1}10%{opacity:0}15%{opacity:1}20%{opacity:0}25%{opacity:1}30%{opacity:0}35%{opacity:1}40%{right:-21px;opacity:0}45%{right:80px;opacity:1}50%{right:-21px;opacity:0}51%{right:-21px}55%{opacity:1}60%{opacity:0}65%{opacity:1}70%{opacity:0}75%{opacity:1}80%{opacity:0}85%{opacity:1}90%{right:-21px;opacity:0}95%{right:80px;opacity:1}96%{right:-21px}100%{right:-21px;opacity:0}}@-moz-keyframes blink{0%{opacity:0}5%{opacity:1}10%{opacity:0}15%{opacity:1}20%{opacity:0}25%{opacity:1}30%{opacity:0}35%{opacity:1}40%{right:-21px;opacity:0}45%{right:80px;opacity:1}50%{right:-21px;opacity:0}51%{right:-21px}55%{opacity:1}60%{opacity:0}65%{opacity:1}70%{opacity:0}75%{opacity:1}80%{opacity:0}85%{opacity:1}90%{right:-21px;opacity:0}95%{right:80px;opacity:1}96%{right:-21px}100%{right:-21px;opacity:0}}
      </style>
      <iframe frameborder="0" scrolling="no" src="" width="100%" height="100px"></iframe>
    </body>
  </head>

</html>
<h1 style="text-align:center">
  <span style="color:#555;font-family:'Microsoft YaHei'">乡野博文，友情提示</span></h1>
<blockquote>
  <p style="text-align:center">
    <span style="font-size:14pt;font-family:'comic sans ms',sans-serif">
      <span style="color:#555;font-family:'Microsoft YaHei'">正在为您跳转 第三方站点</span>
      <br>
      <span style="color:#555540">请稍后</span></span>
      <span style="color:#555540">www.azpoq.com</span></span>
  </p>

</body>

</html>

3.再见样式

图片[3]-子比主题go.php跳转美化-乡野博文

代码如下：

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //防止xss
    $t_url =  htmlspecialchars($t_url);

    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    if ($matches) {
        $url = $t_url;
        $title = '页面加载中,请稍候...';
    } else {
        preg_match('/\./i', $t_url, $matche);
        if ($matche) {
            $url = 'http://' . $t_url;
            $title = '页面加载中,请稍候...';
        } else {
            $url = 'http://' . $_SERVER['HTTP_HOST'];
            $title = '参数错误，正在返回首页...';
        }
    }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://' . $_SERVER['HTTP_HOST'];
}
?>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="noindex, nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <noscript>
        <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';">
    </noscript>
    <script>
        function link_jump() {
            //禁止其他网站使用我们的跳转页面
            var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
            if (!MyHOST.test(document.referrer)) {
                location.href = "http://" + MyHOST;
            }
            location.href = "<?php echo $url; ?>";
        }
        //延时1S跳转，可自行修改延时时间
        setTimeout(link_jump, 2500);
        //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
        setTimeout(function() {
            window.opener = null;
            window.close();
        }, 50000);
    </script>
    <title><?php echo $title; ?></title>
</head>

<body>
<center>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><img src="https://azpsqcom-1308900844.cos.ap-hongkong.myqcloud.com/2021/12/ada3b696fb98.gif" width="300xp" height="300xp"></p>
<p></p><h3>再见，乡野博文，友情提醒</h3><p></p>
<p></p><h3>第三方站点加载中，请稍后。</h3><p></p>
</center>
</body>

</html>

4.六边形蜂窝加载动画

图片[4]-子比主题go.php跳转美化-乡野博文

代码如下：

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //防止xss
    $t_url =  htmlspecialchars($t_url);

    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    if ($matches) {
        $url = $t_url;
        $title = '页面加载中,请稍候...';
    } else {
        preg_match('/\./i', $t_url, $matche);
        if ($matche) {
            $url = 'http://' . $t_url;
            $title = '页面加载中,请稍候...';
        } else {
            $url = 'http://' . $_SERVER['HTTP_HOST'];
            $title = '参数错误，正在返回首页...';
        }
    }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://' . $_SERVER['HTTP_HOST'];
}
?>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="noindex, nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <noscript>
        <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';">
    </noscript>
    <script>
        function link_jump() {
            //禁止其他网站使用我们的跳转页面
            var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
            if (!MyHOST.test(document.referrer)) {
                location.href = "http://" + MyHOST;
            }
            location.href = "<?php echo $url; ?>";
        }
        //延时1S跳转，可自行修改延时时间
        setTimeout(link_jump, 3000);
        //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
        setTimeout(function() {
            window.opener = null;
            window.close();
        }, 50000);
    </script>
    <title><?php echo $title; ?></title>
</head>

<body>
    
    <head>
  <style>
    body {
      height: 100vh;
      background-image: url("https://photo.zhou-si.com/images/2021/10/11/Wiki-backgrounda88ceba3f0206184.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      overflow: hidden;
    }

    .hex-border {
      position: absolute;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      width: 170px;
      height: 170px;
      border: 2px solid #ebedf1;
      border-radius: 100%;
    }

    .hex-border::before {
      content: "";
      position: absolute;
      width: 174px;
      height: 174px;
      border: 2px solid #8c97ac;
      border-radius: 100%;
      box-sizing: border-box;
      clip-path: inset(0px 135px 135px 0px);
      -webkit-clip-path: inset(0px 135px 135px 0px);
      top: -2px;
      left: -2px;
      animation: rotateSmall 2s linear infinite;
      z-index: 2;
    }

    .hex-border::after {
      content: "";
      position: absolute;
      width: 174px;
      height: 174px;
      border: 2px solid #c5cbd5;
      border-radius: 100%;
      box-sizing: border-box;
      top: -2px;
      left: -2px;
      clip-path: inset(0px 30px 30px 0px);
      -webkit-clip-path: inset(0px 30px 30px 0px);
      animation: rotateLarge 1s linear infinite;
    }

    .hexagons {
      position: relative;
      border-radius: 100%;
      padding: 5%;
      top: 30px;
      left: 35px;
    }

    .hexagon {
      position: absolute;
      width: 40px;
      height: 23px;
      background-color: #79859e;
      transform: scale(1.02);
      transform-origin: center;
    }

    .hexagon::before {
      content: "";
      position: absolute;
      top: -11.5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 11.5px solid #79859e;
    }

    .hexagon::after {
      content: "";
      position: absolute;
      top: 23px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 11.5px solid #79859e;
    }

    .hexagon:nth-child(1) {
      animation: animateHex 3s infinite;
    }

    .hexagon:nth-child(2) {
      left: 53px;
      animation: animateHex 3s 0.2s infinite;
    }

    .hexagon:nth-child(3) {
      left: -13px;
      top: 46px;
      animation: animateHex 3s 1s infinite;
    }

    .hexagon:nth-child(4) {
      left: 31px;
      top: 46px;
      animation: animateHex 3s 1.2s infinite;
    }

    .hexagon:nth-child(5) {
      left: 75px;
      top: 46px;
      animation: animateHex 3s 0.4s infinite;
    }

    .hexagon:nth-child(6) {
      top: 84px;
      animation: animateHex 3s 0.8s infinite;
    }

    .hexagon:nth-child(7) {
      left: 53px;
      top: 84px;
      animation: animateHex 3s 0.6s infinite;
    }

    @keyframes rotateSmall {
      100% {
        transform: rotate(1turn);
      }
    }

    @keyframes rotateLarge {
      0% {
        clip-path: inset(0px 30px 30px 0px);
        -webkit-clip-path: inset(0px 30px 30px 0px);
      }

      50% {
        clip-path: inset(0px 150px 150px 0px);
        -webkit-clip-path: inset(0px 150px 150px 0px);
      }

      100% {
        transform: rotate(1turn);
        clip-path: inset(0px 30px 30px 0px);
        -webkit-clip-path: inset(0px 30px 30px 0px);
      }
    }

    @keyframes animateHex {
      0% {
        transform: scale(1.02);
      }

      20%,
      50% {
        transform: scale(0.6);
        opacity: 0;
      }

      65% {
        transform: scale(1.02);
        opacity: 1;
      }
    }
  </style>
</head>

<body>

  <div class="hex-border">
    <div class="hexagons">
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
    </div>
  </div>

</body>

    
    
</body>

</html>

5.RGB闪烁字体样式

图片[5]-子比主题go.php跳转美化-乡野博文

代码如下：

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //防止xss
    $t_url =  htmlspecialchars($t_url);

    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    if ($matches) {
        $url = $t_url;
        $title = '页面加载中,请稍候...';
    } else {
        preg_match('/\./i', $t_url, $matche);
        if ($matche) {
            $url = 'http://' . $t_url;
            $title = '页面加载中,请稍候...';
        } else {
            $url = 'http://' . $_SERVER['HTTP_HOST'];
            $title = '参数错误，正在返回首页...';
        }
    }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://' . $_SERVER['HTTP_HOST'];
}
?>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="noindex, nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <noscript>
        <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';">
    </noscript>
    <script>
        function link_jump() {
            //禁止其他网站使用我们的跳转页面
            var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
            if (!MyHOST.test(document.referrer)) {
                location.href = "http://" + MyHOST;
            }
            location.href = "<?php echo $url; ?>";
        }
        //延时1S跳转，可自行修改延时时间
        setTimeout(link_jump, 3000);
        //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
        setTimeout(function() {
            window.opener = null;
            window.close();
        }, 50000);
    </script>
    <title><?php echo $title; ?></title>
</head>

<body>
    
<head>
  <meta charset="UTF-8">
  <title>CSS "Loading" Animation</title>

  <style>
    :root {
      --tf: linear;
      --effect: hover 1s var(--tf) infinite;
    }

    * {
      margin: 0;
    }

    body {
      display: flex;
      width: 100vw;
      height: 100vh;
      background: black;
      align-items: center;
      justify-content: center;
    }

    div {
      text-align: center;
    }

    p {
      display: inline-block;
      text-transform: uppercase;
      text-align: center;
      font-size: 4em;
      font-family: arial;
      font-weight: 600;
      transform: scale(.5);
      color: #121212;
      -webkit-text-stroke: 2px gray;
    }

    p:nth-child(1) {
      animation: var(--effect);
    }

    p:nth-child(2) {
      animation: var(--effect) .125s;
    }

    p:nth-child(3) {
      animation: var(--effect) .25s;
    }

    p:nth-child(4) {
      animation: var(--effect) .375s;
    }

    p:nth-child(5) {
      animation: var(--effect) .5s;
    }

    p:nth-child(6) {
      animation: var(--effect) .675s;
    }

    p:nth-child(7) {
      animation: var(--effect) .75s;
    }

    @keyframes hover {
      0% {
        transform: scale(.5);
        color: #121212;
        -webkit-text-stroke: 2px gray;
      }

      20% {
        transform: scale(1);
        color: pink;
        -webkit-text-stroke: 3px red;
        filter: drop-shadow(0 0 1px black)drop-shadow(0 0 1px black)drop-shadow(0 0 3px red)drop-shadow(0 0 5px red)hue-rotate(10turn);
      }

      50% {
        transform: scale(.5);
        color: #121212;
        -webkit-text-stroke: 2px gray;
      }


    }
  </style>

</head>

<body>

  <div>
    <p>乡</p>
    <p>野</p>
    <p>博</p>
    <p>文</p>
  </div>

</body>

    
</body>

</html>
<!--小郭博客-www.azpoq.com>

6.横向线条样式

图片[6]-子比主题go.php跳转美化-乡野博文

代码如下：

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //防止xss
    $t_url =  htmlspecialchars($t_url);

    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    if ($matches) {
        $url = $t_url;
        $title = '页面加载中,请稍候...';
    } else {
        preg_match('/\./i', $t_url, $matche);
        if ($matche) {
            $url = 'http://' . $t_url;
            $title = '页面加载中,请稍候...';
        } else {
            $url = 'http://' . $_SERVER['HTTP_HOST'];
            $title = '参数错误，正在返回首页...';
        }
    }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://' . $_SERVER['HTTP_HOST'];
}
?>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="noindex, nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <noscript>
        <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';">
    </noscript>
    <script>
        function link_jump() {
            //禁止其他网站使用我们的跳转页面
            var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
            if (!MyHOST.test(document.referrer)) {
                location.href = "http://" + MyHOST;
            }
            location.href = "<?php echo $url; ?>";
        }
        //延时1S跳转，可自行修改延时时间
        setTimeout(link_jump, 6800);
        //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
        setTimeout(function() {
            window.opener = null;
            window.close();
        }, 50000);
    </script>
    <title><?php echo $title; ?></title>
</head>

<body>
    <body>
      <div id="t-ov">
        <div class="motime">
          <div id="head-body"></div>
          <div id="head-topcover"></div>
          <div id="head-toplogo-bg"></div>
          <div id="head-toplogo"></div>
          <div id="head-toplogo-2"></div>
          <div id="head-bottom"></div>
          <div id="head-bottom-2"></div>
          <div id="head-sw"></div>
          <div id="head-sw-2"></div>
          <div id="head-eye"></div>
          <div id="head-eye-2"></div>
        </div>
      </div>
      <style>
          @import url("https://fonts.googleapis.com/css?family=Lato:300,400|Poppins:300,400,800&display=swap");
* {
  margin: 0;
  padding: 0;
}

body, html {
  overflow: hidden;
}

.container {
  width: 100%;
  height: 100vh;
  background: #232323;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .box {
  width: 250px;
  height: 250px;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.container .box .title {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  height: 50px;
}
.container .box .title .block {
  width: 0%;
  height: inherit;
  background: #ffb510;
  position: absolute;
  animation: mainBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
  display: flex;
}
.container .box .title h1 {
  font-family: "Poppins";
  color: #fff;
  font-size: 32px;
  -webkit-animation: mainFadeIn 2s forwards;
  -o-animation: mainFadeIn 2s forwards;
  animation: mainFadeIn 2s forwards;
  animation-delay: 1.6s;
  opacity: 0;
  display: flex;
  align-items: baseline;
  position: relative;
}
.container .box .title h1 span {
  width: 0px;
  height: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffb510;
  -webkit-animation: load 0.6s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
  animation: popIn 0.8s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
  animation-delay: 2s;
  margin-left: 5px;
  margin-top: -10px;
  position: absolute;
  bottom: 13px;
  right: -12px;
}
.container .box .role {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  height: 30px;
  margin-top: -10px;
}
.container .box .role .block {
  width: 0%;
  height: inherit;
  background: #e91e63;
  position: absolute;
  animation: secBlock 2s cubic-bezier(0.74, 0.06, 0.4, 0.92) forwards;
  animation-delay: 2s;
  display: flex;
}
.container .box .role p {
  animation: secFadeIn 2s forwards;
  animation-delay: 3.2s;
  opacity: 0;
  font-weight: 400;
  font-family: "Lato";
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 5px;
}

@keyframes mainBlock {
  0% {
    width: 0%;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes secBlock {
  0% {
    width: 0%;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 0;
    left: 100%;
  }
}
@keyframes mainFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popIn {
  0% {
    width: 0px;
    height: 0px;
    background: #e9d856;
    border: 0px solid #ddd;
    opacity: 0;
  }
  50% {
    width: 10px;
    height: 10px;
    background: #e9d856;
    opacity: 1;
    bottom: 45px;
  }
  65% {
    width: 7px;
    height: 7px;
    bottom: 0px;
    width: 15px;
  }
  80% {
    width: 10px;
    height: 10px;
    bottom: 20px;
  }
  100% {
    width: 7px;
    height: 7px;
    background: #e9d856;
    border: 0px solid #222;
    bottom: 13px;
  }
}
@keyframes secFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}
footer {
  width: 350px;
  height: 80px;
  background: #ffb510;
  position: absolute;
  right: 0;
  bottom: -80px;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: top 0.8s forwards;
  animation-delay: 4s;
}
footer span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #232323;
  font-family: "Poppins";
}
footer span i {
  margin-right: 25px;
  font-size: 22px;
  color: #232323;
  animation: icon 2s forwards;
  animation-delay: 4s;
  opacity: 0;
}

@keyframes top {
  0% {
    opacity: 0;
    bottom: -80px;
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}
@keyframes icon {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.3) rotate(-2deg);
  }
  100% {
    opacity: 1;
    bottom: 0px;
  }
}
      </style>
  </head>

<body>
<div class="container">
<div class="box">
<div class="title">
<span class="block"></span>
<h1>乡野博文<span></span></h1>
</div>
<div class="role">
<div class="block"></div>
<p>正在跳转中，请稍后...</p> 
</div>
</div>
</div>
</body>


</html>

7.酷黑加载中

图片[7]-子比主题go.php跳转美化-乡野博文

代码如下：

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if(!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i',$t_url,$matches);
  if($matches){
      $url=$t_url;
      $title='页面加载中,请稍候...';
  } else {
      preg_match('/\./i',$t_url,$matche);
      if($matche){
          $url='http://'.$t_url;
          $title='页面加载中,请稍候...';
      } else {
          $url = 'http://'.$_SERVER['HTTP_HOST'];
          $title='参数错误，正在返回首页...';
      }
  }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://'.$_SERVER['HTTP_HOST'];
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<noscript><meta http-equiv="refresh" content="1;url='<?php echo $url;?>';"></noscript>
<script>
function link_jump()
{
    //禁止其他网站使用我们的跳转页面
    var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
    if (!MyHOST.test(document.referrer)) {
         location.href="http://" + MyHOST;
    }
    location.href="<?php echo $url;?>";
}
//延时1S跳转，可自行修改延时时间
setTimeout(link_jump, 1500);
//延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
setTimeout(function(){window.opener=null;window.close();}, 50000);
</script>
<title><?php echo $title;?></title>

<style>html{height:100%;min-height:100%;overflow:hidden}html body{background:#222428;background-size:163px;font:14px/21px Monaco,sans-serif;color:#999;font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;height:100%;min-height:100%}html body a,html body a:visited{text-decoration:none;color:#ff805f}html body h4{margin:0;color:#666}.scene{width:100%;height:100%;-webkit-perspective:600;perspective:600;display:flex;align-items:center;justify-content:center}.scene svg{width:240px;height:240px}.dc-logo{position:fixed;right:10px;bottom:10px}.dc-logo:hover svg{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:arrow-spin 2.5s 0s cubic-bezier(0.165,0.84,0.44,1) infinite;animation:arrow-spin 2.5s 0s cubic-bezier(0.165,0.84,0.44,1) infinite}.dc-logo:hover:hover:before{content:'\2764';padding:6px;font:10px/1 Monaco,sans-serif;font-size:10px;color:#00fffe;text-transform:uppercase;position:absolute;left:-70px;top:-30px;white-space:nowrap;z-index:20px;box-shadow:0 0 4px #222;background:rgba(0,0,0,0.4)}.dc-logo:hover:hover:after{content:'Digital Craft';padding:6px;font:10px/1 Monaco,sans-serif;font-size:10px;color:#6e6f71;text-transform:uppercase;position:absolute;right:0;top:-30px;white-space:nowrap;z-index:20px;box-shadow:0 0 4px #222;background:rgba(0,0,0,0.4);background-image:none}@-webkit-keyframes arrow-spin{50%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes arrow-spin{50%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}</style>
</head>
<body>
 
<div class="scene">
  <svg version="1.1" id="dc-spinner" x="0px" y="0px" width:"38"="" height:"38"="" viewBox="0 0 38 38" preserveAspectRatio="xMinYMin meet">
    <text x="14" y="21" font-family="Monaco" font-size="2px" style="letter-spacing:0.6" fill="grey">加载中...
      <animate attributeName="opacity" values="0;1;0" dur="1.8s" repeatCount="indefinite"></animate>
    </text>
    <path fill="#373a42" d="M20,35c-8.271,0-15-6.729-15-15S11.729,5,20,5s15,6.729,15,15S28.271,35,20,35z M20,5.203
      C11.841,5.203,5.203,11.841,5.203,20c0,8.159,6.638,14.797,14.797,14.797S34.797,28.159,34.797,20
      C34.797,11.841,28.159,5.203,20,5.203z">
    </path>
 
    <path fill="#373a42" d="M20,33.125c-7.237,0-13.125-5.888-13.125-13.125S12.763,6.875,20,6.875S33.125,12.763,33.125,20
      S27.237,33.125,20,33.125z M20,7.078C12.875,7.078,7.078,12.875,7.078,20c0,7.125,5.797,12.922,12.922,12.922
      S32.922,27.125,32.922,20C32.922,12.875,27.125,7.078,20,7.078z">
    </path>
 
    <path fill="#2AA198" stroke="#2AA198" stroke-width="0.6027" stroke-miterlimit="10" d="M5.203,20
      c0-8.159,6.638-14.797,14.797-14.797V5C11.729,5,5,11.729,5,20s6.729,15,15,15v-0.203C11.841,34.797,5.203,28.159,5.203,20z">
      <animateTransform attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" calcMode="spline" keySplines="0.4, 0, 0.2, 1" keyTimes="0;1" dur="2s" repeatCount="indefinite"></animateTransform>
    </path>
 
    <path fill="#859900" stroke="#859900" stroke-width="0.2027" stroke-miterlimit="10" d="M7.078,20
      c0-7.125,5.797-12.922,12.922-12.922V6.875C12.763,6.875,6.875,12.763,6.875,20S12.763,33.125,20,33.125v-0.203
       C12.875,32.922,7.078,27.125,7.078,20z">
      <animateTransform attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="1.8s" repeatCount="indefinite"></animateTransform>
    </path>
  </svg>
</div>
</body>
</html>

8.蓝色加载中

图片[8]-子比主题go.php跳转美化-乡野博文

代码如下：

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if(!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i',$t_url,$matches);
  if($matches){
      $url=$t_url;
      $title='页面加载中,请稍候...';
  } else {
      preg_match('/\./i',$t_url,$matche);
      if($matche){
          $url='http://'.$t_url;
          $title='页面加载中,请稍候...';
      } else {
          $url = 'http://'.$_SERVER['HTTP_HOST'];
          $title='参数错误，正在返回首页...';
      }
  }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://'.$_SERVER['HTTP_HOST'];
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<noscript><meta http-equiv="refresh" content="1;url='<?php echo $url;?>';"></noscript>
<script>
function link_jump()
{
    //禁止其他网站使用我们的跳转页面
    var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
    if (!MyHOST.test(document.referrer)) {
         location.href="http://" + MyHOST;
    }
    location.href="<?php echo $url;?>";
}
//延时1S跳转，可自行修改延时时间
setTimeout(link_jump, 2250);
//延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
setTimeout(function(){window.opener=null;window.close();}, 50000);
</script>
<title><?php echo $title;?></title>

<style type="text/css">
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{background:#3498db;}#loader-container{width:188px;height:188px;color:white;margin:0 auto;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);border:5px solid #3498db;border-radius:50%;-webkit-animation:borderScale 1s infinite ease-in-out;animation:borderScale 1s infinite ease-in-out;}#loadingText{font-family:'Raleway',sans-serif;font-size:1.4em;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);}@-webkit-keyframes borderScale{0%{border:5px solid white;}50%{border:25px solid #3498db;}100%{border:5px solid white;}}@keyframes borderScale{0%{border:5px solid white;}50%{border:25px solid #3498db;}100%{border:5px solid white;}}
</style>
<body>
<div id="loader-container"><p id="loadingText">页面加载中...</p></div>
</body>
</html>

9.心形跳动

图片[9]-子比主题go.php跳转美化-乡野博文

代码如下：

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if(!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i',$t_url,$matches);
  if($matches){
      $url=$t_url;
      $title='页面加载中,请稍候...';
  } else {
      preg_match('/\./i',$t_url,$matche);
      if($matche){
          $url='http://'.$t_url;
          $title='页面加载中,请稍候...';
      } else {
          $url = 'http://'.$_SERVER['HTTP_HOST'];
          $title='参数错误，正在返回首页...';
      }
  }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://'.$_SERVER['HTTP_HOST'];
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<noscript><meta http-equiv="refresh" content="1;url='<?php echo $url;?>';"></noscript>
<script>
function link_jump()
{
    //禁止其他网站使用我们的跳转页面
    var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
    if (!MyHOST.test(document.referrer)) {
         location.href="http://" + MyHOST;
    }
    location.href="<?php echo $url;?>";
}
//延时1S跳转，可自行修改延时时间
setTimeout(link_jump, 2250);
//延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
setTimeout(function(){window.opener=null;window.close();}, 50000);
</script>
<title><?php echo $title;?></title>

<style type="text/css">
.flex-container{width: 100%;height: 100%;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}body{background:#fff;/*背景*/background-image:url(https://api.66mz8.com/api/rand.acg.php?type=%E7%BE%8E%E5%A5%B3&format=jpg);background-repeat:no-repeat;background-position:center center;}.unit{text-align: center;}.unit p{margin-top: 120px;font-family: 'Lato', sans-serif;text-transform: uppercase;color: #6cc;}.heart{position: relative;font-size: 0;width: 138px;}[class*="heart-piece-"]{position: absolute;top: -5px;width: 10px;height: 10px;border-radius: 5px;}.heart-piece-4{-webkit-animation: piece-4 1.0s infinite;animation: piece-4 1.0s infinite;}.heart-piece-3,.heart-piece-5{-webkit-animation: piece-3 1.0s infinite;animation: piece-3 1.0s infinite;}.heart-piece-2,.heart-piece-6{-webkit-animation: piece-2 1.0s infinite;animation: piece-2 1.0s infinite;}.heart-piece-1,.heart-piece-7{-webkit-animation: piece-1 1.0s infinite;animation: piece-1 1.0s infinite;}.heart-piece-0,.heart-piece-8{-webkit-animation: piece-0 1.0s infinite;animation: piece-0 1.0s infinite;}.heart-piece-0{left: 0px;-webkit-animation-delay: 0s;animation-delay: 0s;background-color: #57f1f1;}.heart-piece-1{left: 16px;-webkit-animation-delay: 0.05s;animation-delay: 0.05s;background-color: #3ed6d6;}.heart-piece-2{left: 32px;-webkit-animation-delay: 0.1s;animation-delay: 0.1s;background-color: #42c3e0;}.heart-piece-3{left: 48px;-webkit-animation-delay: 0.15s;animation-delay: 0.15s;background-color: #07ead5;}.heart-piece-4{left: 64px;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;background-color: #42c3e0;}.heart-piece-5{left: 80px;-webkit-animation-delay: 0.25s;animation-delay: 0.25s;background-color: #07ead5;}.heart-piece-6{left: 96px;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;background-color: #42c3e0;}.heart-piece-7{left: 112px;-webkit-animation-delay: 0.35s;animation-delay: 0.35s;background-color: #3ed6d6;}.heart-piece-8{left: 128px;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;background-color: #57f1f1;}@-webkit-keyframes piece-4{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 94px;top: -23px;}}@keyframes piece-4{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 94px;top: -23px;}}@-webkit-keyframes piece-3{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 90px;top: -31px;}}@keyframes piece-3{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 90px;top: -31px;}}@-webkit-keyframes piece-2{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 80px;top: -37px;}}@keyframes piece-2{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 80px;top: -37px;}}@-webkit-keyframes piece-1{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 60px;top: -31px;}}@keyframes piece-1{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 60px;top: -31px;}}@-webkit-keyframes piece-0{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 30px;top: -15px;}}@keyframes piece-0{0%, 10%, 90%, 100%{height: 10px;top: -5px;}45%, 55%{height: 30px;top: -15px;}}
</style>
</head>
<body>
<div class="flex-container">
<div class="unit">
<div class="heart">
<div class="heart-piece-0"></div>
<div class="heart-piece-1"></div>
<div class="heart-piece-2"></div>
<div class="heart-piece-3"></div>
<div class="heart-piece-4"></div>
<div class="heart-piece-5"></div>
<div class="heart-piece-6"></div>
<div class="heart-piece-7"></div>
  <div class="heart-piece-8"></div>
</div>
<p style="font-weight:700;">正在检查链接安全....</p>
</div>
</div>
</body>
</html>

10.炫彩旋转

图片[10]-子比主题go.php跳转美化-乡野博文

代码如下：

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if(!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i',$t_url,$matches);
  if($matches){
      $url=$t_url;
      $title='页面加载中,请稍候...';
  } else {
      preg_match('/\./i',$t_url,$matche);
      if($matche){
          $url='http://'.$t_url;
          $title='页面加载中,请稍候...';
      } else {
          $url = 'http://'.$_SERVER['HTTP_HOST'];
          $title='参数错误，正在返回首页...';
      }
  }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://'.$_SERVER['HTTP_HOST'];
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<noscript><meta http-equiv="refresh" content="1;url='<?php echo $url;?>';"></noscript>
<script>
function link_jump()
{
    //禁止其他网站使用我们的跳转页面
    var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
    if (!MyHOST.test(document.referrer)) {
         location.href="http://" + MyHOST;
    }
    location.href="<?php echo $url;?>";
}
//延时1S跳转，可自行修改延时时间
setTimeout(link_jump, 2250);
//延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
setTimeout(function(){window.opener=null;window.close();}, 50000);
</script>
<title><?php echo $title;?></title>
<style>html, body { width: 100%; height: 100%; margin: 0; background: #270F34; overflow: hidden; display: flex; align-items: center; justify-content: center } css-doodle { --color: @p(#51eaea, #fffde1, #ff9d76, #FB3569); --rule: ( :doodle { @grid: 30x1 / 18vmin; --deg: @p(-180deg, 180deg); } :container { perspective: 30vmin; } :after, :before { content: ''; background: var(--color); @place-cell: @r(100%) @r(100%); @size: @r(6px); @shape: heart; } @place-cell: center; @size: 100%; box-shadow: @m(2, (0 0 50px var(--color))); background: @m(100, (radial-gradient(var(--color) 50%, transparent 0) @r(-20%, 120%) @r(-20%, 100%) / 1px 1px no-repeat)); will-change: transform, opacity; animation: scale-up 12s linear infinite; animation-delay: calc(-12s / @size() * @i()); @keyframes scale-up { 0%, 95.01%, 100% { transform: translateZ(0) rotate(0); opacity: 0; } 10% { opacity: 1; } 95% { transform: translateZ(35vmin) rotateZ(@var(--deg)); } } ) }</style></head>
  <body>
    <css-doodle use="var(--rule)"></css-doodle>
    <script src='https://www.wiiuii.cn/cdn/js/go-min.js'></script>
  </body>
</html>

温馨提示：本文最后更新于2022-05-12 03:51:09，某些文章具有时效性，若有错误或已失效，请在下方留言或联系乡野博文。
您阅读这篇文章共花了： 0小时00分00秒
-----本页内容已结束，喜欢请分享！-----
© 版权声明

感谢您的来访，获取更多精彩文章请收藏本站。



版权声明 1 本网站名称：乡野博文
2 本站永久网址：www.zau.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ:550966987进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
THE END
技术代码技术教程
# zibll主题
喜欢本站内容，请点【点赞】【分享】和【收藏】~
点赞13 分享
相关推荐
zibll子比主题添加透明复制提醒-乡野博文
zibll子比主题添加透明复制提醒
zibll子比主题添加透明复制提醒
1年前 495
删除wordpress文章修订版本和自动草稿而残留的数据-乡野博文
删除wordpress文章修订版本和自动草稿而残留的数据
删除wordpress文章修订版本和自动草稿而残留的数据
1年前 354
zibll右侧彩色滚动条样式代码-乡野博文
zibll右侧彩色滚动条样式代码
zibll右侧彩色滚动条样式代码
1年前 303
WordPress侧边栏信息统计小工具-乡野博文
WordPress侧边栏信息统计小工具
WordPress侧边栏信息统计小工具
1年前 277
怎么在VIDEO视频前插入15秒视频广告（带倒计时、关闭功能）-乡野博文
怎么在VIDEO视频前插入15秒视频广告（带倒计时、关闭功能）
怎么在VIDEO视频前插入15秒视频广告（带倒计时、关闭功能）
1年前 243
樱花飘落特效js代码-乡野博文
樱花飘落特效js代码
樱花飘落特效js代码
1年前 237
评论 抢沙发

请登录后发表评论

    暂无评论内容

默认头像
zibll子比主题添加透明复制提醒-乡野博文
495人已阅读
zibll子比主题添加透明复制提醒
TOP1
删除wordpress文章修订版本和自动草稿而残留的数据-乡野博文
删除wordpress文章修订版本和自动草稿而残留的数据
1年前354人已阅读
TOP2
zibll右侧彩色滚动条样式代码-乡野博文
zibll右侧彩色滚动条样式代码
1年前303人已阅读
TOP3
WordPress侧边栏信息统计小工具-乡野博文
WordPress侧边栏信息统计小工具
1年前277人已阅读
TOP4
怎么在VIDEO视频前插入15秒视频广告（带倒计时、关闭功能）-乡野博文
怎么在VIDEO视频前插入15秒视频广告（带倒计时、关闭功能）
1年前243人已阅读
TOP5
樱花飘落特效js代码-乡野博文
樱花飘落特效js代码
1年前237人已阅读
TOP6
颜色代码美化图标电脑软件模板日常技巧文章插件技术文章懒加载图小程序zibll主题WordPressPHPjQueryhtmlASP

时钟

推荐

Zibll-子比主题-本站同款

    搭建网站从一个优秀的主题开始！
    一次购买包永久免费更新
    强大的模板群为你解决主题问题
    现在购买享3个域名授权
  • 授权享免费更换且不限制次数

官方统一售价

￥569
限时直降
￥599
立即购买 - zibll

旗下网站

乡野风情fuv.cn 乡野风情
个人主页t35.cn 乡野风情
个人主页t92.cn 乡野风情
个人主页k53.cn 乡野风情
主页blog.fuv.cn 乡野风情
最新评论
bd0831的头像-乡野博文

bd08311个月前0

我只能目送着幸福的末班车远去---不是我没赶上，而是压根儿都挤不上去。
曦芸的头像-乡野博文

曦芸7个月前0

我早上照镜子的时候，都会感到一股寒意，你到底是什么人？是谁？镜子能反映出所有真实的东西，但它却不能照出真正的你。你的正义之眼看得穿邪恶之心，却看不透女人的心意。
头像

小椿1年前0

测试评论!