devbox
代码探险家
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

自适应多用途简约html介绍推广页网页源码_推广页源码

作者：代码探险家 | 2024-07-17 20:24:14

赞

踩

推广页源码

自适应多用途简约html介绍推广页网页源码

自适应多用途简约html介绍推广页网页源码，非常适合做广告展示页面，自适应手机电脑平板，非常不错的.

代码如下：

  1. <!--https://www.huizhanii.com/-->
  2. <html>
  3. <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style class="vjs-styles-defaults">
  4.       .video-js {
  5.         width: 300px;
  6.         height: 150px;
  7.       }
  8.       .vjs-fluid {
  9.         padding-top: 56.25%
  10.       }
  11.     </style>
  12.   
  13.   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  14.     <title>多用途简约html介绍推广页网页源码</title>
  15.     <meta name="renderer" content="webkit">
  16.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  17.         <style type="text/css">
  18.             body,html{background: rgba(0,0,0,0.05);padding: 0;margin: 0}
  19.             .reader_box{max-width: 800px;margin: 0 auto;transform: translateY(-50%);top: 50%;position: absolute;left: 0;right: 0;background:rgb(255, 255, 255,0.5);padding: 20px 0 20px 0;border-radius: 25px;border:3px solid #7700f9;font-family: microsoft yahei;box-shadow: 0 0 20px rgba(0,0,0,0.5)}
  20.             .reader_box .title_txtbox{font-size: 50px;font-weight: 700;line-height: 100px;border-bottom: 3px solid #7700f9;padding-bottom: 20px;background: #7700f9;border-top-left-radius: 25px;border-top-right-radius: 25px;padding-top: 15px;margin-top: -25px;color: #f1f1f1}
  21.             .rft_1{text-align: left;}
  22.             .rft_1 span{color: #30C;font-weight: 700}
  23.             .rft_1 p {padding-left: 35px;padding-right: 35px;}
  24.             @media screen and (max-width: 800px) {
  25.               .reader_box{max-width: 90%;margin: 0 auto;transform: translateY(-0%);top: 3%;position: absolute;left: 0;right: 0;background:rgb(255, 255, 255,0.5);padding: 20px 0 20px 0;border-radius: 25px;border:3px solid #7700f9;font-family: microsoft yahei;box-shadow: 0 0 20px rgba(0,0,0,0.5)}
  26.               .reader_box .title_txtbox{font-size: 28px;font-weight: 700;line-height: 70px;border-bottom: 3px solid #7700f9;padding-bottom: 10px;background: #7700f9;border-top-left-radius: 25px;border-top-right-radius: 25px;padding-top: 10px;margin-top: -25px;color: #f1f1f1}
  27.               .rft_1{padding: 15px;font-size: 16px!important;text-align: left;font-weight: 800}
  28.               .rft_1 span{display: block;text-align: left;font-size: 20px;font-weight: 800;margin-bottom: 10px}
  29.               .rft_1 p {padding-left: 15px;padding-right: 15px}
  30.               a.button {-webkit-animation-iteration-count: infinite;text-decoration: none;padding-left: 25px;padding-right: 25px;margin: 0 auto}
  31.             }
  32.             @-webkit-keyframes greenPulse {
  33.                from { background-color: #ff0000;color: #fff;margin-top: 20px;box-shadow: 0 0 10px #fff;}
  34.                50% { background-color: #f53f00; color: #f1f1f1;margin-top: 20px;box-shadow: 0 0 10px #000;font-weight: 800}
  35.                to { background-color: #ff0000; color: #fff;margin-top: 20px;box-shadow: 0 0 10px #fff;}
  36.             }
  37.             @-webkit-keyframes bluess {
  38.                from { background-color: #2975ff;color: #fff;margin-top: 20px;box-shadow: 0 0 10px #fff;}
  39.                50% { background-color: #2975ff; color: #f1f1f1;margin-top: 20px;box-shadow: 0 0 10px #000;font-weight: 800}
  40.                to { background-color: #2975ff; color: #fff;margin-top: 20px;box-shadow: 0 0 10px #fff;}
  41.             }
  42.           .green{display: block; -webkit-animation-name: greenPulse; -webkit-animation-duration: 1.0s;padding: 8px 10px;border-radius: 40px!important;font-size: 16px;font-weight: 800;max-width: 230px;margin: 20px auto;font-size: 25px;font-family: microsoft yahei;font-weight: 800;display: inline-block;}
  43.           .blue{display: block; -webkit-animation-name: bluess; -webkit-animation-duration: 1.0s;padding: 8px 10px;border-radius: 40px!important;font-size: 16px;font-weight: 800;max-width: 250px;margin: 20px auto;font-size: 25px;font-family: microsoft yahei;font-weight: 800;display: inline-block;margin-left: 35px}
  44.           a.button {-webkit-animation-iteration-count: infinite;text-decoration: none;padding-left: 25px;padding-right: 25px}
  45.         </style>
  46.     <style type="text/css">
  47.       @font-face {
  48.           font-family: "element-icons";
  49.           src: url('chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.woff') format('woff'),
  50.           url('chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.ttf ') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  51.       }
  52.   </style>
  53.   </head>
  54. <body class="rb_1">
  55. <!-- 大包 -->
  56. <div class="readerPageWrap">
  57.     <div class="h20-blank"></div>
  58.     <!-- 主内容 -->
  59.     <div class="rw_3" id="reader_warp">
  60.         <!-- 1.	阅读器头部推荐位 -->
  61.       <div class="com-recbox">
  62.         </div>
  63.         <!-- 包裹层 -->
  64.             <!-- 内容主盒 -->
  65.             <div class="reader_box" style="font-size: 24px;">
  66.                 <div class="marker " tomeid="1706823" chapterid="43415281" data-sa-d="{"page_module":"readPage","click_name":"bookmark","book_id":"777234"}"></div>
  67.                 <div class="title">
  68.                     <div class="iconbox">
  69.                         <em class=""></em>
  70.                     </div>
  71.                     <div class="title_txtbox">广告介绍页面</div>
  72.                 </div>
  73.                 <div class="reader_line"></div>
  74.              <style>   div{text-align:center} </style>
  75. 			 <div class="rft_1" id="readerFt" style="font-size: 24px;">
  76.                     <p><span class="eee">产品类型：</span>老牌高转化产品，双通道原生支付。</p>
  77.                     <p> <span class="ee4">收量对象：</span>任何移动流量，只要流量真实，回报定超预期，欢迎各位大佬来撩！量大随跑随结。<span style="color:red">如果您是站长，可手把手教您如何利益最大化。</span></p>
  78.                     <p> <span class="ee5">结算方式：</span>每日11：00点准时结算，多结算方式，只有你想不到，没有我们做不到！</p>
  79.                     <p> <span class="ee6">收益爆表：</span>万IP收益爆表，集团产品永不跑路永不扣单，业内知名团队亲自打造。</p></div>
  80.                     <p><span class="cdww"><span class="ee">官网：www.xxxxx.com</span></span></p>
  81.       <div class="reader_line"></div>
  82.       <p>
  83.             <a class="blue button telegram" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes" rel="external nofollow"  style="min-width:280px"> QQ:</a>
  84.           	<a class="blue button telegram" target="_blank" href="" rel="external nofollow"  style="min-width:280px"> QQ群：</a>
  85.           	
  86.           	</p>
  87.           	<p>若QQ长时间未能通过好友，极有可能是QQ限制了好友请求信息，恳请各位大佬通过Telegram或QQ临时会话与我联系，万分感谢！</p>
  88. 	  </div>
  89.   </div>
  90. </div>
  91. </body>
  92. </html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/代码探险家/article/detail/841840
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号