当前位置:首页 » 好文分享 » 详情

    Emlog跳转外链代码-炫酷心形悦动样式

    使用方法:

    直接上传到模板里,然后再需要使用跳转外链的链接前面加上 go/?url= 就行了!

    emlog评论者链接跳转外链使用方法

    在module.php里找到以下代码:
    <a href="'.$comment['url'].'" target="_blank">

    把这段代码替换成: 
    <a href="/go/?url='.$comment['url'].'" target="_blank">

    也可以给其他链接设置,自己试试就能懂的

    go.php代码:
    <?php
        $t_url=$_GET['url'];
        if(!empty($t_url)) {
            preg_match('/(http|https):\/\//',$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='<?php echo BLOG_URL;?>';
                    $title='参数错误,正在返回首页……';
                }
            }
        } else {
            $title='参数缺失,正在返回首页……';
            $url='<?php echo BLOG_URL;?>';
        }
        ?>
        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="refresh" content="1;url='<?php echo $url;?>';">
        <title><?php echo $title;?></title>
        <style type="text/css">
    html,body {
      width: 100%;
      height: 100%;
    }
    .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:#000;
    }
    .unit {
      text-align: center;
    }
    .unit p {
      margin-top: 120px;
      margin-left:-30px;
      font-size:20px;
      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;
      }
    }
    .lg-img {
        padding:100px 600px 50px 0;
        position:fixed;
    }
    </style>
    </head>
    <body>
    <div class="flex-container">
      <div class="lg-img"><img src=""></div>
      <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>页面跳转中,请稍候……</p>
      </div>
    </div>
    </body>
        </html>

    打赏
    X
    打赏方式:
    • 支付宝
    • 微信
    • QQ红包

    打开支付宝扫一扫
    日期:2017年10月20日 20:19:13 星期五   分类:好文分享   浏览(46066)
    本文地址:https://www.blogs.hk/post-2742.html   [百度已收录]
    声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
    版权所有:《博客之家
    文章标题:《Emlog跳转外链代码-炫酷心形悦动样式
    除非注明,文章均为 《博客之家》 原创
    转载请注明本文短网址:https://www.blogs.hk/post-2742.html  [生成短网址]

    留言咨询

    自动获取QQ

    昵称

    邮箱

    网址

        站点统计

        • 收录网址:3370 个
        • 发布文章:3008 条
        • 在线人数:1人
        • 总访问量:270507567次
        • 本站运行:12年5月3天
        Copyright © 2025 博客之家 版权所有  
        關於本站免責聲明sitemap新站登錄