WordPress背景滚动图

释放双眼,带上耳机,听听看~!

目录

    <div id="nuandao">
    <div class="siteCount">
    <div class="wrapper">
    <ul>
    <li>
    <span>
    <script type="text/javascript" >
    document.write(jstext);
    </script>
    </span>
    <b>用户总数</b>
    </li>
    <li>
    <span><script type="text/javascript" >
    document.write(tj_rzzs);
    </script></span>
    <b>文章总数</b>
    </li>
    <li>
    <span><script type="text/javascript" >
    document.write(tj_view);
    </script></span>
    <b>浏览总数</b>
    </li>
    <li>
    <span></span>
    <span>
    <script type="text/javascript" >
    document.write(tj_24h);
    </script>
    </span>
    <b>今日发布</b>
    </li>
    <li>
    <span><script type="text/javascript" >
    document.write(tj_wdyx);
    </script></span>
    <b>稳定运行</b>
    </li>
    </ul>
    <div class="join-vip">
    <a class="b2-radius" href="/vips" target="_blank">立即加入</a>
    <p>加入七安,快速获取优质资源!</p>
    </div>
    </div>
    </div>
    </div>
    <style type="text/css">
    /*背景图*/
    #nuandao .siteCount {
      position: relative;
      padding: 60px 0;
      background: url(https://7.67an.com/67an/tongji/19.jpg) center center / cover no-repeat
        fixed;
    }
    
    #nuandao .siteCount .cover {
      height: 100%;
      width: 100%;
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      top: 0;
      left: 0;
    }
    /*内容*/
    #nuandao .siteCount .wrapper {
    position: relative;
    z-index: 10;
    }
    #nuandao .siteCount ul {
    display: flex;
    }
    #nuandao .siteCount ul li {
    width: 20%;
    color: #fff;
    text-align: center;
    }
    /*模块*/
    #nuandao .siteCount ul li span {
    font-size: 48px;
    font-family: Arial;
    }
    #nuandao .siteCount ul li b {
    display: block;
    font-weight: normal;
    font-size: 14px;
    }
    /*按钮*/
    #nuandao .siteCount .join-vip {
    text-align: center;
    color: #fff;
    margin-top: 30px;
    }
    #nuandao .siteCount .join-vip a {
    display: inline-block;
    border: 0;
    border-radius: 5px;
    transition: all 0.3s;
    padding: 10px 30px;
    font-size: 15px;
    letter-spacing: 0.5px;
    background-color: #2e4e7e;
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, 0.3);
    color: #fff;
    }
    #nuandao .siteCount .join-vip p {
    margin-top: 15px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: 0.5px;
    font-family: Arial;
    }
    .home_row_bg_img::after {
    content: '';
    z-index: 1;
    height: 100%;
    width: 100vw;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    }
    </style>
    

     

    文章链接:https://www.67an.com/100
    文章标题:WordPress背景滚动图
    文章版权:七安 (67an.com) 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
    重要说明

    本站资源大多来自网络,如有侵犯你的权益请联系管理员七安 或给邮箱发送邮件hello😀67an.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


    如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

    给TA打赏
    共{{data.count}}人
    人已打赏
    WordPress

    WordPress添加四格小工具

    2021-12-5 19:00:49

    WordPress

    WordPress添加五格小工具

    2021-12-5 19:13:30

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    有新私信 私信列表
    搜索